:root {
  --lightest-color: #eaeaea;
  --warning-color: #c3524a;
  --small-font-size: 10px;
  --medium-font-size: 12px;
  --large-font-size: 14px;
  --stable-background-color: #462c67;
  --stable-text-color: #fff;
  --aggressive-background-color: #679ec1;
  --aggressive-text-color: #fff;
  --target-background-color: #3eb8c9;
  --target-text-color: #000;

  --allocation-color-cash: #83c7ba;
  --allocation-color-cash-investments: #c1e3dc;
  --allocation-color-us-government-bonds: #59036f;
  --allocation-color-municipal-bonds: #59036f;
  --allocation-color-alternative-strategies: #fcd190;
  --allocation-color-us-investment-grade-corporate-bonds: #59036f;
  --allocation-color-other-bonds: #59036f;
  --allocation-color-developed-foreign-bonds: #ac81b7;
  --allocation-color-emerging-foreign-bonds: #ac81b7;
  --allocation-color-high-yield-bonds: #ac81b7;
  --allocation-color-real-assets: #ff9800;
  --allocation-color-us-large-cap-value: #025b97;
  --allocation-color-us-large-cap-growth: #025b97;
  --allocation-color-us-mid-cap-value: #357cac;
  --allocation-color-us-mid-cap-growth: #357cac;
  --allocation-color-us-small-cap-value: #679dc1;
  --allocation-color-us-small-cap-growth: #679dc1;
  --allocation-color-developed-foreign-equity: #9abdd5;
  --allocation-color-emerging-foreign-equity: #9abdd5;
  --allocation-color-other-stock-derivatives-other: #ccdeea;
  --allocation-color-totals: #fff;

  --allocation-color-expanded-investment-cash: #83c7ba;
  --allocation-color-expanded-investments: #c1e3dc;
  --allocation-color-expanded-investment-core-fixed-income: #59036f;
  --allocation-color-expanded-investment-alternative-strategies: #fcd190;
  --allocation-color-expanded-investment-non-core-fixed-income: #ac81b7;
  --allocation-color-expanded-investment-real-assets: #ff9800;
  --allocation-color-expanded-investment-us-large-cap: #025b97;
  --allocation-color-expanded-investment-us-mid-cap: #357cac;
  --allocation-color-expanded-investment-us-small-cap: #679dc1;
  --allocation-color-expanded-investment-foreign-equity: #9abdd5;
  --allocation-color-expanded-investment-other-stock: #ccdeea;
  --allocation-color-expanded-investment-totals: #fff;

  --light-blue-color: #dbedfa;
  --dark-blue-color: #5388c8;
  --light-grey-color: #eeedef;
  --dark-grey-color: #333;
  --growth-green-color: #72aa5c;
  --current-grey-color: #cccccc;
  --proposed-grey-color: #999999;
  --target-grey-color: #444444;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.break {
  flex-basis: 100%;
  height: 0;
}

b {
  font-weight: bold;
}

body {
  font-family: arial;
}

input[type="text"],
input[type="email"],
input[type="password"] {
  border: 0px;
  outline: 0px;
  border: 1px solid #333;
  padding: 10px;
  border-radius: 4px;
  width: 400px;
}

.navigationHeader {
  background: #393e45;
  height: 50px;
  display: flex;
}

#appNavigationController {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.viewController {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
}

.viewContentContainer {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 500px;
}

.navigationHeader > div {
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
}

.navigationLeft {
  justify-content: flex-start;
  margin-left: 4px;
}

.navigationRight {
  justify-content: flex-end;
  margin-right: 4px;
}

.navigationCenter {
  justify-content: center;
  font-size: 14px;
}

.navigationCenter > img {
  height: 40px;
}

.navigationStyle {
  height: 44px;
  line-height: 44px;
  font-size: var(--large-font-size);
  color: var(--lightest-color);
  box-sizing: border-box;
  cursor: pointer;
  min-width: 44px;
  text-align: left;
}

#loadingModal {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  display: none;
  color: #fff;
  text-align: center;
}

.advisorToolsContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.advisorToolsContainer > div,
.advisorToolsContainer > label {
  width: 300px;
  height: 150px;
  color: var(--dark-blue-color);
  cursor: pointer;
  margin: 8px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--dark-blue-color);
}

.advisorToolsContainer h1 {
  background: var(--dark-blue-color);
  color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
}

.settingsButtonIcon {
  height: 24px;
  margin-right: 10px;
}

.advisorToolsContainer h2 {
  color: var(--dark-grey-color);
  font-size: 12px;
  line-height: 16px;
  padding: 10px;
}

.loginMessage {
  padding: 10px;
  text-align: center;
}

form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.badToken {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: var(--large-font-size);
}

.advisorModelList {
  display: flex;
  margin: 4px;
  padding: 10px 20px;
  box-sizing: border-box;
  background: #e3e3e3;
  border-radius: 4px;
}

#activeModelContainer
  .advisorModelList
  .styleAssetClassContainer
  .assetViewHeader {
  display: none;
}

#archivedModelContainer
  .advisorModelList
  .styleAssetClassContainer
  .assetViewHeader {
  display: none;
}

.advisorModelList .toolRowleft {
  width: 200px;
  flex-shrink: 0;
}

.modelDescription {
  font-size: var(--small-font-size);
  color: #666;
}

.editModelInvestmentRow {
  display: flex;
  margin-bottom: 4px;
  width: 100%;
}

.tradeModelInvestmentRow {
  display: flex;
  margin-bottom: 4px;
  width: 100%;
  flex-wrap: wrap;
  min-height: 27px;
}

.removeInvestmentRow {
  display: flex;
  background: #e3e3e3;
  padding: 10px;
  width: 60px;
  text-align: center;
  cursor: pointer;
  height: 10px;
  justify-content: center;
  align-items: center;
  margin: 4px;
  flex: 0 0 auto;
  color: #999;
}

.editModelNameRow {
  display: flex;
  margin-bottom: 30px;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  width: 350px;
}

.editModelNameRow input {
  width: 100%;
}

.saveModelRow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.editModelExtraDetail {
  color: #666;
  font-size: var(--medium-font-size);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 20px;
  margin: 4px;
}

.editModelExtraDetail > div {
  display: inline-block;
}

.assetViewHeader,
.assetViewContent {
  display: flex;
  flex-shrink: 0;
}

.editModelTopContainer {
  width: 100%;
}

.editModelTopContainer > div {
  display: flex;
  width: 100%;
}

form > .largeButtonStyle {
  width: 100%;
  margin-top: 40px;
}

.largeButtonStyle {
  display: flex;
  background: var(--dark-blue-color);
  color: #fff;
  padding: 30px 20px;
  box-sizing: border-box;
  width: 300px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  height: 20px;
  justify-content: center;
  align-items: center;
  margin: 4px;
}

.smallButtonStyle {
  display: flex;
  background: #e3e3e3;
  padding: 10px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  height: 10px;
  justify-content: center;
  align-items: center;
  margin: 4px;
  flex-shrink: 0;
}

.editInvestmentInputPercent {
  width: 50px;
}

.editModelInvestmentId,
.editModelInvestmentName {
  padding: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editModelInvestmentId {
  width: 60px;
}

.editModelInvestmentName {
  width: 210px;
}

.editModelInvestmentContainer {
  width: 100%;
}

div#globalAssetClassView {
  top: 0px;
  right: 0px;
  z-index: 1000;
  color: #fff;
  position: fixed;
  height: 50px;
  line-height: 50px;
  padding: 0px 20px;
  cursor: pointer;
}

.advisorModelIncomplete {
  background: var(--warning-color);
}

.element.style {
  display: flex;
}
.advisorModelTopContainer {
  display: flex;
}

#activeModelContainer,
#archivedModelContainer {
  width: 100%;
  margin: 0;
  padding: 0;
}

.orderButtonContainer {
  display: none;
}

.modelNameContainer {
  cursor: pointer;
}

.modelNameContainer:hover {
  color: var(--dark-blue-color);
}

.reOrderModels .orderButtonContainer {
  display: flex;
}

.orderButtonContainer > div {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  opacity: 0.3;
  cursor: pointer;
}

.orderButtonContainer > div:hover {
  height: 20px;
  margin-right: 10px;
  opacity: 1;
}

.orderButtonContainer > div > img {
  height: 100%;
}

input.editInvestmentExpenseRatioInput {
  width: 90px;
}

.editModelInvestmentMSLink {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-style: italic;
}

.editModelInvestmentMSLink a {
  color: #b90b0b;
  font-size: var(--small-font-size);
}

.editModelInvestmentSummaryContainer {
  display: flex;
  width: 100%;
  background: #e3e3e3;
  margin-top: 40px;
}

.noResults {
  padding: 4px;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  margin: 10px;
  cursor: pointer;
}

.sideLabel {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 14px;
  border-radius: 8px;
}

.sideLabel label {
  text-align: left;
  color: var(--dark-blue-color);
  font-size: 12px;
  margin-bottom: 4px;
}

.investmentOverrideContainer {
  width: 100%;
}

.pasteData {
  color: transparent;
  overflow: hidden;
  resize: none;
  border-radius: 4px;
  padding: 4px;
  margin: 4px;
  caret-color: #000;
  min-height: 30px;
  border: 4px solid var(--dark-blue-color);
}

.dataNotProvided {
  background: var(--light-grey-color);
  color: #aaa;
}

.dataProvided {
  background: var(--light-blue-color);
  color: var(--dark-blue-color);
}

.dataNotProvided img {
  display: none;
}

.dataProvided img {
  display: block;
  height: 20px;
  margin-right: 10px;
}

.cashFlowContainer {
  width: 100%;
  position: relative;
}

.cashFlowTableContainer {
  height: 182px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.cashFlowTableHeader {
  width: 100%;
}

.cashFlowTableHeader tr {
  width: 100%;
  display: flex;
}

.cashFlowTableHeader td {
  width: calc(100% / 8);
  font-weight: bold;
}

.cashFlowRowContainer {
  width: 100%;
  cursor: pointer;
  background: #fff;
  display: flex;
}

.cashFlowRowContainer > td {
  width: calc(100% / 8);
}

.cashFlowRowContainer > td:last-of-type {
  visibility: hidden;
}

.cashFlowRowContainer > td > span {
  color: #ff6e6e;
}

.showHiddenContent {
  visibility: visible !important;
}

.cashFlowRowContainer > div {
  width: 100%;
}

.selectedCashFlowYear > td:last-of-type {
  visibility: visible;
}

.selectedCashFlowYear {
  background-color: var(--target-grey-color);
  color: #fff;
}

.negativeTextStyle {
  color: #ed6a6a;
}

.ameripriseAccountsContainer {
  width: 100%;
}

.accountContentContainer {
  display: none;
}

.accountRow {
  margin: 4px 0px;
}

.accountName {
  cursor: pointer;
  height: 32px;
  display: flex;
  align-items: center;
  font-size: var(--medium-font-size);
  width: 630px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  box-sizing: border-box;
}

.currentAccountValue,
.proposedAccountValue {
  height: 32px;
  width: 100px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.currentAccountValue > div,
.proposedAccountValue > div {
  font-size: var(--small-font-size);
  color: #999;
}

.accountCheckboxContainer {
  height: 32px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.accountCheckboxContainer > div {
  font-size: var(--small-font-size);
  color: #999;
}

.accountHeaderContainer {
  display: flex;
  background: #e3e3e3;
}

.tradeInvestmentAssetClassContainer .assetViewHeader {
  display: none;
}

.tradeInvestmentId {
  width: 60px;
  flex: 0 0 auto;
}

.tradeInvestmentName {
  width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto;
  cursor: pointer;
}

.accountInvestmentHeader {
  display: flex;
}

.tradeInvestmentCurrentAmount {
  width: 80px;
  flex: 0 0 auto;
  cursor: pointer;
}

.tradeInvestmentTransactionType select,
.tradeInvestmentTransactionAmount input {
  width: 80px;
  padding: 4px;
}

.depositWithdrawContainer select,
.rebalanceContainer select,
.accountAllocationContainer select {
  width: 180px;
  padding: 4px;
}

.depositWithdrawContainer input,
.rebalanceContainer input {
  width: 100px;
  padding: 4px;
}

.accountTitleContainer {
  display: flex;
}

.accountTitleContainer > div {
  font-weight: bold;
  height: 38px;
  display: flex;
  align-items: center;
}

.tradeInvestmentTransactionType {
  width: 80px;
  flex: 0 0 auto;
}

.tradeInvestmentTransactionAmount {
  margin-left: 10px;
  width: 70px;
  flex: 0 0 auto;
}

.cfaStatusBar {
  margin-top: 0px;
}

.cfaStatusBar .featureToggleContent {
  display: flex;
  justify-content: flex-end;
  padding: 4px;
  box-sizing: border-box;
}

#clientName {
  display: flex;
  margin-right: auto;
  align-items: center;
}

#clientName > div {
  margin: 0px 5px;
}

#clientNameInput {
  display: none;
  width: 300px;
}

#printCfa {
  width: 200px;
  padding: 10px 30px;
  margin-left: 4px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
}

#saveCfa {
  width: 200px;
  padding: 10px 30px;
  margin-left: 4px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
}

#saveCfa.canBeSaved {
  background: var(--warning-color);
  border-color: #9e413a;
  color: #fff;
}

#saveCfa.canBeSaved:hover {
  background: #9e413a;
  color: #fff;
}

.mgpAccountsContainer {
  width: 100%;
}

.removedAccountsContainer {
  width: 100%;
}

.accountToolsContainer > div {
  display: flex;
  margin-bottom: 8px;
}

.toolRowLeft {
  display: flex;
  width: 630px;
  align-items: center;
  flex: 0 0 auto;
}

.assetClassTitle {
  margin-left: auto;
  font-size: var(--small-font-size);
}

.currentAssetClassContainer .assetViewHeader {
  display: none;
}

.proposedAssetClassContainer .assetViewHeader {
  display: none;
}

.toolRowRight {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

.accountStartingCashContainer {
  display: flex;
  flex-direction: column;
}

.accountResultingCashContainer {
  display: flex;
  flex-direction: column;
}

.accountStartingCashContainer,
.rebalanceDescription,
.accountResultingCashContainer {
  width: 120px;
  padding: 4px;
  box-sizing: border-box;
}

.accountStartingCashTitle,
.accountResultingCashTitle,
.rebalanceDescription {
  font-size: var(--small-font-size);
}

input.depositWithdrawWhereInput {
  margin: 0px 4px;
  width: 146px;
}

.depositWithdrawSubmit {
  font-size: var(--small-font-size);
  padding: 6px;
  border: 1px solid #333;
  border-radius: 4px;
  cursor: pointer;
}

.depositWithdrawContainer {
  display: flex;
}

.accountTransactionRow {
  display: flex;
}

.accountTransactionRow div {
  padding: 4px;
}

.accountToolsContainer {
  border-bottom: 1px solid #999;
}

.accountTransactionsContainer {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #9999;
}

.accountTransactionsContainer h2 {
  font-weight: bold;
  padding: 4px;
}

.accountTransactionDelete {
  cursor: pointer;
  color: #b80000;
  text-decoration: underline;
}

.rebalanceContainer {
  display: flex;
}

input.rebalanceCashInput {
  margin-left: 4px;
}

.includeAs {
  margin-left: 10px;
}

.excludedOpacity {
  opacity: 0.5;
}

.accountType {
  margin-left: 10px;
}

.currentAccountTypeAllocationRow,
.proposedAccountTypeAllocationRow,
.headerAccountTypeAllocationRow {
  display: flex;
  width: 100%;
}

.allocationDescriptionLeft {
  width: 150px;
  font-size: var(--medium-font-size);
  display: flex;
  align-items: center;
}

.currentAccountTypeAllocationRow .assetViewHeader,
.proposedAccountTypeAllocationRow .assetViewHeader {
  display: none;
}

.headerAccountTypeAllocationRow .assetViewContent {
  display: none;
}

.headerAccountTypeAllocationRow .allocationDescriptionLeft {
  font-size: 16px;
}

.styleAssetClassContainer {
  width: 100%;
}

.styleAssetClassContainer > div > div > div {
  width: 100%;
  font-size: var(--medium-font-size);
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.allocationSummaryContainer {
  width: 100%;
}

.riskViewContainer {
  width: 100%;
}

.riskViewContainer .assetViewContent > div:nth-child(2) {
  flex-grow: 1;
}

.currentRiskAllocationContainer .rawViewContainer,
.currentRiskAllocationContainer .deepViewContainer,
.currentRiskAllocationContainer .expandedViewContainer,
.currentRiskAllocationContainer .summaryViewContainer {
  display: none !important;
}

.currentRiskAllocationContainer .riskViewContainer {
  display: block !important;
}

.proposedRiskAllocationContainer .rawViewContainer,
.proposedRiskAllocationContainer .deepViewContainer,
.proposedRiskAllocationContainer .expandedViewContainer,
.proposedRiskAllocationContainer .summaryViewContainer {
  display: none !important;
}

.proposedRiskAllocationContainer .riskViewContainer {
  display: block !important;
}

.currentAllocationSummaryContainer .riskViewContainer > div > div:nth-child(1) {
  background: var(--current-grey-color);
  color: #484848;
}

.proposedAllocationSummaryContainer
  .riskViewContainer
  > div
  > div:nth-child(1) {
  background: var(--proposed-grey-color);
  color: #fff;
}

.riskViewContainer > div > div:nth-child(2) {
  background: var(--growth-green-color);
  color: #fff;
}

.accountAssetClassContainer .assetViewContent {
  display: none;
}

.editModelInvestmentRow .styleAssetClassContainer .assetViewHeader {
  display: none;
}

.advisorModelHeader {
  display: flex;
  margin: 4px;
  padding: 10px 20px;
  box-sizing: border-box;
}

.advisorOverridelHeader {
  display: flex;
  margin-bottom: 4px;
}

.advisorModelHeader .assetViewContent,
.advisorOverridelHeader .assetViewContent {
  display: none;
}

.tradeRecommendationsContainer {
  width: 100%;
}

.tradeRecommendationsTable {
  width: 100%;
}
.tradeRecommendationsAccountRow {
  cursor: pointer;
}

.tradeRecommendationsTable td {
  padding: 4px;
  box-sizing: border-box;
}

td.tdAccountName {
  width: 440px;
}

td.tdInvestmentName {
  width: 240px;
}

td.tdTickerName {
  width: 80px;
}

td.tdTransactionType {
  width: 80px;
}

td.tdApproxAmount {
  width: 80px;
}

td.tdRealizedGains {
  width: 80px;
}

td.tdAllocation {
  width: 200px;
}

.tradeRecommendationsTable tbody:nth-child(odd) {
  background-color: #dfdfdf;
}
.tradeRecommendationsTable tbody:nth-child(even) {
  background-color: #fff;
}

.toolRowAdditionalToggle {
  display: none;
  width: 100%;
}

.toolRowAdditionalContainer {
  display: flex;
  padding: 2px 0px;
  flex-direction: column;
}

.toolRowAdditionalContainer .toolRow {
  display: flex;
  margin-bottom: 4px;
}

.toolRowAdditionalContainer div {
  font-size: var(--medium-font-size);
}

.tradeInvestmentCostBasis {
  margin-right: 20px;
}

.featureToggleHeading {
  display: flex;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

.featureToggleHeading img {
  width: 20px;
  margin-right: 10px;
}

.featureToggleHeading h1 {
  display: flex;
  align-items: center;
}

.featureContainerExpanded .featureToggleHeading {
  background: var(--light-blue-color);
  color: var(--dark-blue-color);
}

.featureContainerCollapsed .featureToggleHeading {
  background: var(--light-grey-color);
  color: var(--dark-grey-color);
}

.featureContainer {
  width: 100%;
  margin: 15px 0px;
}

.refreshCashFlowButton {
  margin: 10px;
  background: #e3e3e3;
  width: 100px;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}

.refreshCashFlowInput {
  margin: 4px;
  border-radius: 4px;
  outline: 0px;
  border: 1px solid #333;
  padding: 6px;
  width: 300px;
}

.accountNewInvestmentElement {
  margin: 4px;
  background: #e3e3e3;
  width: 200px;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}

.accountInvestmentHeader .toolRowLeft > div {
  font-weight: bold;
}

table.cashFlowTable {
  width: 100%;
}

.bucketsContainer table {
  table-layout: fixed;
  width: 100%;
}

.bucketsContainer td div {
  display: inline-block;
}

.bucketsContainer td {
  min-width: 100px;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}

.bucketsContainer td:nth-child(1) {
  text-align: left;
}

.bucketsContainer td div:nth-child(2) {
  font-size: var(--medium-font-size);
  color: #999;
}

.totalRowStyle td div:nth-child(2) {
  font-size: var(--medium-font-size);
  color: #fff;
}

.bucketsContainer h1 {
  padding: 4px;
  font-weight: bold;
}

.currentTotalRow td:nth-child(2),
.currentTotalRow td:nth-child(3) {
  background-color: var(--current-grey-color);
}

.currentTotalRow td:nth-child(4) {
  background-color: var(--growth-green-color);
}

.proposedTotalRow td:nth-child(2),
.proposedTotalRow td:nth-child(3) {
  background-color: var(--proposed-grey-color);
}

.proposedTotalRow td:nth-child(4) {
  background-color: var(--growth-green-color);
}

.bucketHeader td {
  font-weight: bold;
}

.searchResultsContainer div {
  padding: 8px;
  cursor: pointer;
  background: #efefef;
  margin: 8px;
  border-radius: 8px;
}

.overrideFootnote {
  font-size: var(--medium-font-size);
  color: #999;
}

/*The Raw Risk Percent*/
.displayRawStyle > .assetViewHeader > div:nth-child(1),
.displayRawStyle > .assetViewContent > div:nth-child(1) {
  width: calc(1 / 23 * 9 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
}

.displayRawStyle > .assetViewHeader > div:nth-child(2),
.displayRawStyle > .assetViewContent > div:nth-child(2) {
  width: calc(1 / 23 * 13 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
}

.displayRawStyle > .assetViewHeader > div:nth-child(3),
.displayRawStyle > .assetViewContent > div:nth-child(3) {
  width: calc(1 / 23 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
}

/*The Deep Risk Percent*/
.displayDeepStyle > .assetViewHeader > div:nth-child(1),
.displayDeepStyle > .assetViewContent > div:nth-child(1) {
  width: calc(1 / 21 * 10 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
  border-right: 3px solid #000;
}

.displayDeepStyle > .assetViewHeader > div:nth-child(2),
.displayDeepStyle > .assetViewContent > div:nth-child(2) {
  width: calc(1 / 21 * 10 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
  border-left: 3px solid #000;
}

.displayDeepStyle > .assetViewHeader > div:nth-child(3),
.displayDeepStyle > .assetViewContent > div:nth-child(3) {
  width: calc(1 / 21 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
}

/*The Expanded Risk Percent*/
.displayExpandedStyle > .assetViewHeader > div:nth-child(1),
.displayExpandedStyle > .assetViewContent > div:nth-child(1) {
  width: calc(1 / 12 * 5 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
  border-right: 3px solid #000;
}

.displayExpandedStyle > .assetViewHeader > div:nth-child(2),
.displayExpandedStyle > .assetViewContent > div:nth-child(2) {
  width: calc(1 / 12 * 6 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
  border-left: 3px solid #000;
}

.displayExpandedStyle > .assetViewHeader > div:nth-child(3),
.displayExpandedStyle > .assetViewContent > div:nth-child(3) {
  width: calc(1 / 12 * 100%);
  flex-shrink: 0;
  flex-grow: 0;
}

.cashFlowLeftContainer {
  width: 1000px;
  border: 1px solid #d2d2d2;
  margin: 20px;
  flex: 0 0 auto;
  border-radius: 10px;
  overflow: hidden;
}

.cashFlowRightContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #d2d2d2;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
}

.targetsTopContainer {
  display: flex;
  height: 100%;
  background-color: var(--growth-green-color);
}

.targetsBottomContainer {
  display: flex;
  align-items: baseline;
  background-color: var(--growth-green-color);
}

.targetsStableContainer {
  display: flex;
  width: 100%;
  align-items: flex-end;
}

.targetsAggressiveContainer {
  display: flex;
  width: 100%;
  align-items: baseline;
}

.targetsStableContainer > div {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.currentStablePercent {
  background: var(--current-grey-color);
  color: #333;
}

.proposedStablePercent {
  background: var(--proposed-grey-color);
  color: #333;
}

.currentStableBucketBar {
  position: absolute;
  border-top: 3px dashed;
  border-color: #333;
  width: 100%;
  box-sizing: border-box;
  font-size: 10px;
}

.currentStableAssetBar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.proposedStableBucketBar {
  position: absolute;
  border-top: 3px dashed;
  border-color: #333;
  width: 100%;
  box-sizing: border-box;
  font-size: 10px;
}

.proposedStableAssetBar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.targetStablePercent {
  background-color: var(--target-grey-color);
  color: #fff;
}

.createMGPAccount {
  display: inline-block;
  margin: 10px 5px 6px 5px;
  width: 150px;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}

.rescrapeMGPAccount {
  display: inline-block;
  margin: 10px 5px 6px 5px;
  width: 150px;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}

.rescrapeMGPAccountInput {
  display: none;
}

.cashFlowToolsContainer {
  display: flex;
}

.excludeAll,
.includeAll {
  margin: 10px 5px 6px 5px;
  cursor: pointer;
  display: inline-block;
  padding: 8px;
  border-radius: 4px;
}

.notesAlertTrue,
.notesAlertFalse {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  border-radius: 12px;
  text-align: center;
}

.notesAlertTrue {
  background: #00d546;
  color: #fff;
}

.notesAlertFalse {
  background: #393e45;
  color: #fff;
}

.flexHidden {
  display: none;
}

.allocationSummaryTitle {
  cursor: pointer;
}

.currentAccountTypeAllocationRow .assetViewContent div {
  font-size: 14px;
}

.proposedAccountTypeAllocationRow .assetViewContent div {
  font-size: 14px;
}

.assetViewContent div {
  padding: 4px 0px;
}

.riskViewContainer .assetViewContent div {
  font-size: 24px;
}

.termHeading {
  width: 100%;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  padding: 4px;
  box-sizing: border-box;
  background-color: var(--growth-green-color);
  color: #fff;
}

.bucketDescriptionRow td {
  color: #999;
  font-weight: normal;
  font-size: 12px;
}

.tradeInvestmentRealizedGains {
  min-width: 75px;
}

.investmentNotes {
  width: 300px;
}

.clickStyle {
  background: var(--dark-blue-color);
  color: #fff;
  border: 1px solid #0067a9;
}

.clickStyle:hover {
  background: #0067a9;
}

.allocationSummaryTitle span {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}

.accountRowStyleUnknown .accountContentContainer {
  background-color: #ebebeb;
}

.accountRowStyleTaxable .accountContentContainer {
  background-color: #dfedf9;
}

.accountRowStyleQualified .accountContentContainer {
  background-color: #e7f9df;
}

.accountRowStyleRoth .accountContentContainer {
  background-color: #f9ecdf;
}

.accountRowStyleFivetwentynine .accountContentContainer {
  background-color: #f9dfdf;
}

.accountRowStyleUnknown .accountHeaderContainer {
  background-color: #c7c7c7;
}

.accountRowStyleTaxable .accountHeaderContainer {
  background-color: #c3d7e9;
}

.accountRowStyleQualified .accountHeaderContainer {
  background-color: #b8e5a4;
}

.accountRowStyleRoth .accountHeaderContainer {
  background-color: #efcaa5;
}

.accountRowStyleFivetwentynine .accountHeaderContainer {
  background-color: #efb7b7;
}

.bucketHeader td:nth-child(2),
.bucketHeader td:nth-child(3) {
  background-color: var(--dark-grey-color);
  color: #fff;
}

.bucketHeader td:nth-child(4) {
  background-color: var(--growth-green-color);
  color: #fff;
}

.searchResultsContainer {
  padding: 5px;
}

.remodelNotesContainer {
  display: none;
}

.accountNotesContainer textarea {
  margin: 2px;
}

.investmentOverrideTopContainer {
  width: 100%;
}

.greenText {
  color: #008000;
}

.overrideList {
  color: #1a6200;
  text-align: center;
  font-size: 12px;
  cursor: default;
  background-color: var(--growth-green-color);
}

.overrideList .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.helpContainer p {
  margin-bottom: 20px;
}

a.bookmarklet {
  text-decoration: underline;
  color: blue;
}

.copyright {
  display: inline-block;
  bottom: 0px;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}

.expandedInfoDiv {
  position: absolute;
  top: 0px;
  right: -10px;
  background: #efefef;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  line-height: 20px;
  background-color: #bfe0fc;
  cursor: help;
}

.infoRound {
  background: #efefef;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  line-height: 20px;
  background-color: #bfe0fc;
  cursor: pointer;
  text-align: center;
}

#targetAllocationsTableHeader {
  width: 100%;
}

#targetAllocationsTable li,
#archivedTargetAllocationsTable li,
#targetAllocationsTableHeader > div {
  display: flex;
  margin: 4px;
  padding: 10px 20px;
  box-sizing: border-box;
  background: #e3e3e3;
}

#targetAllocationsTable li > div:nth-child(1),
#archivedTargetAllocationsTable li > div:nth-child(1),
#targetAllocationsTableHeader > div > div:nth-child(1) {
  width: 300px;
  flex: 0 0 auto;
}

#targetAllocationsTable li > div,
#archivedTargetAllocationsTable li > div,
#targetAllocationsTableHeader > div > div {
  width: 100%;
  overflow: hidden;
  padding: 2px;
  box-sizing: border-box;
}

.advisorAllocationActionsContainer {
  display: flex;
}

.advisorAllocationActionsContainer > div {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.3;
}

.advisorAllocationActionsContainer > div:hover {
  opacity: 1;
}

.advisorAllocationActionsContainer > div img {
  height: 100%;
}

#targetAllocationsTable li div input,
#archivedTargetAllocationsTable li div input {
  width: 100%;
  box-sizing: border-box;
  border: 0px;
  background: #fff;
  padding: 2px;
}

#advisorAllocationTopContainer,
#editAdvisorAllocationTopContainer {
  display: flex;
}

.featureContainerExpanded .featureToggleContent {
  display: block;
  border: 1px solid #d2d2d2;
}

.featureContainerCollapsed .featureToggleContent {
  display: none;
}

.featureContainerCollapsed .content_expanded_down_arrow {
  transform: rotate(180deg);
}

.bucketsContainer {
  max-width: 1000px;
  margin: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
}

.currentAllocationSummaryContainer,
.proposedAllocationSummaryContainer {
  padding: 4px;
}

.advisorStatusContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: var(--light-grey-color);
  padding: 8px;
  align-items: center;
  color: var(--dark-grey-color);
  border-radius: 4px;
  box-sizing: border-box;
}

.settingsButton {
  height: 30px;
  cursor: pointer;
}

.settingsButton:hover {
  transform: rotate(22.5deg);
}

#ameriprise_raw_check,
#mgp_accounts_check,
#mgp_cash_flow_check {
  width: 300px;
  padding: 20px;
  margin: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

#targetAllocationsTable,
#archivedTargetAllocationsTable {
  width: 100%;
}

.advisorAllocationRow input[type="text"]:disabled {
  background: transparent !important;
}

.advisorAllocationRow input:disabled::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent !important;
}
.advisorAllocationRow input:disabled:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent !important;
}
.advisorAllocationRow input:disabled::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent !important;
}
.advisorAllocationRow input:disabled:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent !important;
}

.loginFormContainer {
  border: 1px solid var(--dark-blue-color);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 2px 2px 8px #ebebeb;
}

.loginFormContainer h1 {
  color: var(--dark-blue-color);
  font-weight: bold;
  font-size: 24px;
  padding: 30px 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
  height: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--dark-blue-color);
}

.loginFormContainer form {
  padding: 20px;
}

.movingListRowStyle {
  background: #c1c1c1 !important;
}

.terms {
  padding: 20px;
  text-align: center;
}

.terms a {
  color: blue;
}

.assetViewHeader .deep-asset-style-color-investment_cash {
  border-bottom: 6px solid #83c7ba;
}
.assetViewHeader .deep-asset-style-color-investment_cash_investments {
  border-bottom: 6px solid #c1e3dc;
}
.assetViewHeader .deep-asset-style-color-investment_us_governments {
  border-bottom: 6px solid #59036f;
}
.assetViewHeader .deep-asset-style-color-investment_municipals {
  border-bottom: 6px solid #59036f;
}
.assetViewHeader .deep-asset-style-color-investment_alternative_strategies {
  border-bottom: 6px solid #fcd190;
}
.assetViewHeader
  .deep-asset-style-color-investment_us_investment_grade_corporate {
  border-bottom: 6px solid #59036f;
}
.assetViewHeader .deep-asset-style-color-investment_other_bond {
  border-bottom: 6px solid #59036f;
}
.assetViewHeader .deep-asset-style-color-investment_developed_foreign_bond {
  border-bottom: 6px solid #ac81b7;
}
.assetViewHeader .deep-asset-style-color-investment_emerging_foreign_bond {
  border-bottom: 6px solid #ac81b7;
}
.assetViewHeader .deep-asset-style-color-investment_high_yield_bonds {
  border-bottom: 6px solid #ac81b7;
}
.assetViewHeader .deep-asset-style-color-investment_real_assets {
  border-bottom: 6px solid #ff9800;
}
.assetViewHeader .deep-asset-style-color-investment_us_large_cap_value {
  border-bottom: 6px solid #025b97;
}
.assetViewHeader .deep-asset-style-color-investment_us_large_cap_growth {
  border-bottom: 6px solid #025b97;
}
.assetViewHeader .deep-asset-style-color-investment_us_mid_cap_value {
  border-bottom: 6px solid #357cac;
}
.assetViewHeader .deep-asset-style-color-investment_us_mid_cap_growth {
  border-bottom: 6px solid #357cac;
}
.assetViewHeader .deep-asset-style-color-investment_us_small_cap_value {
  border-bottom: 6px solid #679dc1;
}
.assetViewHeader .deep-asset-style-color-investment_us_small_cap_growth {
  border-bottom: 6px solid #679dc1;
}
.assetViewHeader .deep-asset-style-color-investment_developed_foreign_equity {
  border-bottom: 6px solid #9abdd5;
}
.assetViewHeader .deep-asset-style-color-investment_emerging_foreign_equity {
  border-bottom: 6px solid #9abdd5;
}
.assetViewHeader .deep-asset-style-color-investment_other_stock {
  border-bottom: 6px solid #ccdeea;
}
.assetViewHeader .deep-asset-style-color-investment_total {
  border-bottom: 6px solid #fff;
}

.assetViewHeader .expanded-asset-style-color-investment_cash {
  border-bottom: 6px solid #83c7ba;
}
.assetViewHeader .expanded-asset-style-color-investment_cash_investments {
  border-bottom: 6px solid #c1e3dc;
}
.assetViewHeader .expanded-asset-style-color-investment_core_fixed_income {
  border-bottom: 6px solid #59036f;
}
.assetViewHeader .expanded-asset-style-color-investment_alternative_strategies {
  border-bottom: 6px solid #fcd190;
}
.assetViewHeader .expanded-asset-style-color-investment_non_core_fixed_income {
  border-bottom: 6px solid #ac81b7;
}
.assetViewHeader .expanded-asset-style-color-investment_real_assets {
  border-bottom: 6px solid #ff9800;
}
.assetViewHeader .expanded-asset-style-color-investment_us_large_cap {
  border-bottom: 6px solid #025b97;
}
.assetViewHeader .expanded-asset-style-color-investment_us_mid_cap {
  border-bottom: 6px solid #357cac;
}
.assetViewHeader .expanded-asset-style-color-investment_us_small_cap {
  border-bottom: 6px solid #679dc1;
}
.assetViewHeader .expanded-asset-style-color-investment_foreign_equity {
  border-bottom: 6px solid #9abdd5;
}
.assetViewHeader .expanded-asset-style-color-investment_other_stock {
  border-bottom: 6px solid #ccdeea;
}
.assetViewHeader .expanded-asset-style-color-investment_totals {
  border-bottom: 6px solid #fff;
}

.currentAccountTypeAllocationRow
  [class*="deep-asset-style-color-investment"]::before,
.proposedAccountTypeAllocationRow
  [class*="deep-asset-style-color-investment"]::before {
  content: "•";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 2px;
  color: #fff;
  flex-shrink: 0;
  font-size: 2px;
}

.deep-asset-style-color-investment_cash::before {
  color: #83c7ba;
  background-color: #83c7ba;
}
.deep-asset-style-color-investment_cash_investments::before {
  color: #c1e3dc;
  background-color: #c1e3dc;
}
.deep-asset-style-color-investment_us_governments::before {
  color: #59036f;
  background-color: #59036f;
}
.deep-asset-style-color-investment_municipals::before {
  color: #59036f;
  background-color: #59036f;
}
.deep-asset-style-color-investment_alternative_strategies::before {
  color: #fcd190;
  background-color: #fcd190;
}
.deep-asset-style-color-investment_us_investment_grade_corporate::before {
  color: #59036f;
  background-color: #59036f;
}
.deep-asset-style-color-investment_other_bond::before {
  color: #59036f;
  background-color: #59036f;
}
.deep-asset-style-color-investment_developed_foreign_bond::before {
  color: #ac81b7;
  background-color: #ac81b7;
}
.deep-asset-style-color-investment_emerging_foreign_bond::before {
  color: #ac81b7;
  background-color: #ac81b7;
}
.deep-asset-style-color-investment_high_yield_bonds::before {
  color: #ac81b7;
  background-color: #ac81b7;
}
.deep-asset-style-color-investment_real_assets::before {
  color: #ff9800;
  background-color: #ff9800;
}
.deep-asset-style-color-investment_us_large_cap_value::before {
  color: #025b97;
  background-color: #025b97;
}
.deep-asset-style-color-investment_us_large_cap_growth::before {
  color: #025b97;
  background-color: #025b97;
}
.deep-asset-style-color-investment_us_mid_cap_value::before {
  color: #357cac;
  background-color: #357cac;
}
.deep-asset-style-color-investment_us_mid_cap_growth::before {
  color: #357cac;
  background-color: #357cac;
}
.deep-asset-style-color-investment_us_small_cap_value::before {
  color: #679dc1;
  background-color: #679dc1;
}
.deep-asset-style-color-investment_us_small_cap_growth::before {
  color: #679dc1;
  background-color: #679dc1;
}
.deep-asset-style-color-investment_developed_foreign_equity::before {
  color: #9abdd5;
  background-color: #9abdd5;
}
.deep-asset-style-color-investment_emerging_foreign_equity::before {
  color: #9abdd5;
  background-color: #9abdd5;
}
.deep-asset-style-color-investment_other_stock::before {
  color: #ccdeea;
  background-color: #ccdeea;
}
.deep-asset-style-color-investment_total::before {
  color: #fff;
  background-color: #fff;
}

.currentAccountTypeAllocationRow
  [class*="expanded-asset-style-color-investment"]::before,
.proposedAccountTypeAllocationRow
  [class*="expanded-asset-style-color-investment"]::before {
  content: "•";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 2px;
  color: #fff;
  flex-shrink: 0;
  font-size: 2px;
}

.expanded-asset-style-color-investment_cash::before {
  color: #83c7ba;
  background-color: #83c7ba;
}
.expanded-asset-style-color-investment_cash_investments::before {
  color: #c1e3dc;
  background-color: #c1e3dc;
}
.expanded-asset-style-color-investment_core_fixed_income::before {
  color: #59036f;
  background-color: #59036f;
}
.expanded-asset-style-color-investment_alternative_strategies::before {
  color: #fcd190;
  background-color: #fcd190;
}
.expanded-asset-style-color-investment_non_core_fixed_income::before {
  color: #ac81b7;
  background-color: #ac81b7;
}
.expanded-asset-style-color-investment_real_assets::before {
  color: #ff9800;
  background-color: #ff9800;
}
.expanded-asset-style-color-investment_us_large_cap::before {
  color: #025b97;
  background-color: #025b97;
}
.expanded-asset-style-color-investment_us_mid_cap::before {
  color: #357cac;
  background-color: #357cac;
}
.expanded-asset-style-color-investment_us_small_cap::before {
  color: #679dc1;
  background-color: #679dc1;
}
.expanded-asset-style-color-investment_foreign_equity::before {
  color: #9abdd5;
  background-color: #9abdd5;
}
.expanded-asset-style-color-investment_other_stock::before {
  color: #ccdeea;
  background-color: #ccdeea;
}
.expanded-asset-style-color-investment_totals::before {
  color: #fff;
  background-color: #fff;
}

@media print {
  @page {
    size: 11in 8.5in;
    margin: 2cm;
    /*         size: landscape; */
    margin: 0;
  }

  :root {
    --small-font-size: 6px;
    --medium-font-size: 8px;
    --large-font-size: 10px;
  }

  html {
    /*changing width to 100% causes huge overflow and wrap*/
    /*
        transform: scale(.5);
        transform-origin: 0% 0%;
*/
    width: 1500px;
  }

  #appNavigationController {
    position: unset;
    height: unset;
  }

  .viewController {
    display: none;
  }

  .viewController:nth-child(3) {
    display: block;
  }

  .viewController {
    position: unset;
    height: unset;
  }

  .viewContentContainer {
    height: unset;
  }
}