:root {
  --main-stable-color: #393e45;
  --main-unstable-color: #5a9656;
}

@media print {
    @page {
        size:11in 8.5in; margin: 2cm;
/*         size: landscape; */
        margin:0;
    }
    
    
    html {
        /*changing width to 100% causes huge overflow and wrap*/
        transform: scale(.9);
        transform-origin: 0% 0%;
    }
}


body
{
	width:100%;
	font-size:14px;
	font-family: arial;
	background-color:#d8d8d8;
}

input
{
	width:100px;
}


h1
{
	font-weight: bold;
	font-size:16px;
}

#cfaAppContainer
{
	display: none;
	min-width:1680px;
	box-sizing: border-box;
}

#cfaIncomeContainer{
	width:100%;
	border:1px solid #333;
	box-sizing: border-box;
	border-bottom:0px;
}

.cfaIncomeItem > div{
	display: inline-block;
	white-space: nowrap;
}

.cfaIncomeDescription, .cfaExpenseDescription{
	width:250px;
	overflow: hidden;
}

.cfaIncomeValue, .cfaExpenseValue{
	width:100px;
}

.cfaIncomeInflation, .cfaExpenseInflation{
	width:60px;
}

.cfaIncomeBeginYear, .cfaExpenseBeginYear{
	width:60px;
}

.cfaIncomeEndYear, .cfaExpenseEndYear{
	width:70px;
}

.cfaIncomeNotes, .cfaExpenseNotes{
	width:240px;
}

#cfaExpensesContainer{
	width:100%;
	border:1px solid #333;
	box-sizing: border-box;
}

.cfaExpenseItem > div{
	display: inline-block;
	white-space: nowrap;
}

#cfaAnlysisContainer{
	width:100%;
	border:1px solid #333;
	box-sizing: border-box;
}


.cfaCashFlowRowByYear > div{
	display: inline-block;
	min-width:100px;
}

#cfaRow1{
	display: flex;
}

.cfa2Left{
	width:50%;
	padding:10px;
}

.cfa2Right{
	width: 50%;
	padding:10px;
}

.cfa1{
	width:100%;
	padding: 10px;
    box-sizing: border-box;
}

#cfaAllocations{
	border: 1px solid #333;
    box-sizing: border-box;
    width: fit-content;
    margin: 0 auto;
}

.cfaHeaderStyle, .cfaHeaderStyle div
{
	font-weight: bold !important;
	font-size:11px;
}

.cfaStyleGreen{
	background:var(--main-stable-color);
	color:#fff;
}

.cfaStyleOrange{
	background:var(--main-unstable-color);
	color:#fff;
}

.cfaAllocationRow{
	display: flex;
}

.cfaAllocationRow > div, .cfaAllocationRow > div > div, .cfaAllocationRow > div > div > div
{
	width:60px;
	padding: 5px;
	text-align: center;
}


.cfaTableStyleCashColumn
{
	width:140px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
	border-right:1px solid #d0d0d0;
	box-sizing: border-box;
}

.cfaTableStyleStableBondsColumn
{
	width:350px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
	border-right:1px solid #d0d0d0;
	box-sizing: border-box;
}

.cfaTableStyleUnstableBondsColumn{
	width:210px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
	border-right:1px solid #d0d0d0;
	box-sizing: border-box;
}

.cfaTableStyleInfoColumn, .cfaTableStyleRealAssetsColumn, .cfaTableStyleDevelopedForeignEquityColumn, .cfaTableStyleEmergingForeignEquityColumn, .cfaTableStyleOtherStockDerivativesOtherColumn, .cfaTableStyleTotalsColumn, .cfaTableStyleTotalsContainer > div{
	width:70px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
	border-right:1px solid #d0d0d0;
	box-sizing: border-box;
}

.cfaTableStyleValueGrowthColumn{
	width:420px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
	border-right:1px solid #d0d0d0;
	box-sizing: border-box;
}

.cfaTableStyleInfoContainer, .cfaTableStyleTotalsContainer
{
	width:90px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
}

.cfaTableStyleStableContainer
{
	width:700px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
}

.cfaTableStyleUnstableContainer
{
	width:700px !important;
	padding:0px !important;
	display: flex;
	justify-content: center;
}

.cfaTableStyleInfoContainer
{
	width: 160px !important;
}

.cfaTableStyleInfoContainer > div {
	width:160px !important;
}

.cfaTableStyleInfoContainer > div > div{
	width:160px !important;
	white-space: nowrap;
}

#cfaTradeRecommendations {
    border: 1px solid #333;
    box-sizing: border-box;
}

.cfaTradeRowHeader
{
	display: flex;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.cfaTradeRow
{
	display: flex;
}

.cfaTradeRow div, .cfaTradeRowHeader div
{
	display: flex;
	box-sizing: border-box;
	padding:2px;
}

.cfaTradeId{
	width:100px;
	border-right:1px solid #000;
	display: none !important;
}

.cfaTradeAccount{
	width:280px;
}

.cfaTradeInvestmentName{
	width:380px;
}

.cfaTradeTicker{
	width:100px;
}

.cfaTradeTransaction{
	width:100px;
}

.cfaTradeApproxAmount{
	width:100px;
	border-right:1px solid #000;
}

.cfaTradeDate{
	width:100px;
	border-right:1px solid #000;
}

.cfaTradeAllocation{
	width:200px;
	border-right:1px solid #000;
}

.cfaTradeAdditionalNotes{
	width:278px;
}



#cfaInvestmentAccounts {
    box-sizing: border-box;
    background: none;
}

.cfaInvestmentAccountContainer
{
	box-sizing: border-box;
	margin: 12px 0px;
    border: 1px solid #000;
    padding:1px;
}



.cfaInvestmentDetailsContainer div div{
	padding:2px;
}

.cfaInvestmentAccountRowHeader
{
	display: flex;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.cfaInvestmentAccountRow, .cfaInvestmentAccountContentToggle
{
	display: flex;
	border-bottom: 1px solid #000;
}

.cfaInvestmentAccountContentToggle
{
    color:#fff;
}

.cfaInvestmentAccountRow div, .cfaInvestmentAccountRowHeader div, .cfaInvestmentAccountContentToggle div
{
	display: flex;
	box-sizing: border-box;
	padding:2px;
	font-weight: bold;
	line-height: 18px;
}

.cfaInvestmentAccountId{
	width:100px;
	border-right:1px solid #000;
}

.cfaInvestmentAccountAccount{
	width:280px;
}

.cfaInvestmentAccountInvestmentName{
	width:380px;
	border-right:1px solid #000;
}

.cfaInvestmentAccountTicker{
	width:100px;
}

.cfaInvestmentAccountCurrentAmount{
	width:100px;
	border-right:1px solid #000;
}

.cfaInvestmentAccountTransaction{
	width:95px;
	border-right:1px solid #000;
	border-left:1px solid #000;
}

.cfaRealocate
{
    width:85px;
    border-right:1px solid #000;
}

.cfaInvestmentAccountTradeAmount{
	width:95px;
	border-right:1px solid #000;
}

.cfaInvestmentAccountRealocate
{
    width:85px;
	border-right:1px solid #000;
}

.cfaInvestmentAccountTradeAmount input
{
    width: 85px;
}


.cfaInvestmentAccountContent
{
	display: none;
}

.cfaInvestmentAccountTradeAmountInput{
	display: none;
}

.cfaInvestmentDetailsContainer div
{
	display: flex;	
}

.cfaInvestmentAccountDepositContainer, .cfaInvestmentAccountWithdrawlContainer, .cfaInvestmentAccountCurrentCash
{
	width:370px;
}

.cfaInvestmentAccountDepositContainer > span, .cfaInvestmentAccountWithdrawlContainer > span
{
	width:60px;
}

.cfaInvestmentAssetClassesActual > div, .cfaInvestmentAssetClassesDifference > div, .cfaInvestmentAssetClassesHeading > div
{
	width:80px;
}

.cfaInvestmentAssetClassesHeading > div{
	text-decoration: underline;
}

.cfaInvestmentAccountNotesInput, .cfaManualInvestmentAccountNotesInput
{
	width: 300px;
}

.cfaPreviewInvestmentCurrentAmount, .cfaPreviewInvestmentCurrentIRGAllocation, .cfaPreviewInvestmentNotes, .cfaPreviewInvestmentIncludeAs, .cfaPreviewInvestmentAccountType
{
	padding:2px 10px !important;
	border-right:1px solid #000;
	justify-content: center;
	
}

.cfaInvestmentAccountRebalanceTo{
	align-items: center;
}

.cfaInvestmentAccountRebalanceTo input, .cfaInvestmentAccountRebalanceTo select{
	margin:0px 10px;
}

.cfaInvestmentAccountsProposedContainer
{
	border-bottom:1px solid #000;
}

#cfaModalContainer
{
	display: none;
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: rgba(255,255,255,0.9);
    overflow: scroll;
}

.cfaModalFeature{
	background: #999;
    width: 100%;
    max-width: 450px;
    min-height: 300px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

#cfaModalAddHolding
{
	display: none;
}

#cfaLookupTicker
{
	border:0px;
	outline:0px;
	width:100%;
	padding:10px;
	text-transform: uppercase;
	box-sizing: border-box;
}

.cfaSearchInvestmentAccountFromXML, .cfaAddInvestmentAccountFromXML, .cfaCreateInvestmentAccountFromXML
{
	padding:10px;
	background:#fff;
	border:1px solid #efefef;
	border-radius: 2px;
	margin-top:10px;
	cursor: pointer;
}

#cfaFoundInvestmentAccountInXML
{
	display: none;
}

#cfaNotFoundInvestmentAccountInXML
{
	display: none;
}

#cfaNotFoundInvestmentAccountInXML input
{
	width: 130px;
    border: 0px;
    outline: 0px;
    margin: 4px;
    padding: 2px;
}

.editManualAccountInfo
{
	border-right:1px solid #000;
	width:200px;
	height:20px;
	text-align: center;
	cursor: pointer;
}


#update_manual_account_button, #editAccountWithDollarAmounts, #editAccountWithPercentAmounts, #add_manual_account_button
{
	margin: 20px 0px;
    padding: 10px;
    background: #efefef;
    cursor: pointer;
}

#editModalFeatureToggleContent
{
	display: none;
}

.manualAccountDisplayDollar .cfa_edit_manual_account_holding_percent, .manualAccountDisplayPercent .cfa_edit_manual_account_holding_dollar
{
	display: none;
}

.manualAccountDisplayDollar .cfa_edit_manual_account_holding_dollar, .manualAccountDisplayPercent .cfa_edit_manual_account_holding_percent
{
	display: inline-block;
}

#cfaNotificationHeader
{
	display: flex;
	align-items: center;
}

#cfaNotificationHeader .newCFA
{
	background:#efefef;
	padding:10px;
	box-sizing: border-box;
}

.newCFA
{
	background:#efefef;
	padding:5px;
	box-sizing: border-box;
}

.unsavedCFA
{
	background:#f9eec9;
	padding:5px;
	box-sizing: border-box;
}

.pendingCFA
{
	background:#b1d99a;
	padding:5px;
	box-sizing: border-box;
}

#cfaNotificationsContainer
{
	width: 100%;
	align-items: center;
}

.newCFA #saveCfaState, .newCFA #commitCfaChanges{
	display: none;
}

.unsavedCFA #saveCfaState{
	display: block;
}

.unsavedCFA #commitCfaChanges
{
	display: none;
}

.pendingCFA #saveCfaState{
	display: none;
}

.pendingCFA #commitCfaChanges{
	display: block;
}

#saveCfaState, #commitCfaChanges
{
	padding:5px;
	background:#333;
	text-align: center;
	margin:2px;
	border-radius: 2px;
	color:#fff;
	cursor: pointer;
}

#cfaClientInfoHeader {
    border: 1px solid #000;
    border-bottom:0px;
    display: flex;
}

#cfaEditClientInfo
{
	margin-left:auto;
	padding:3px;
	cursor: pointer;
	font-weight: bold;
}

#cfaModalEditUserInfo
{
	max-width: 1350px;
}

#cfaModalEditUserOtherInfo
{
	max-width: 1000px;
}

.cfa_edit_item_row
{
	display: flex;
	flex-wrap: wrap;
}

.cfa_edit_item_row input
{
	width: 100%;
}

.cfa_edit_item_row > div
{
	margin:1px;
}

#cfaModalEditUserInfo > div, #cfaModalEditUserOtherInfo > div{
	margin-bottom: 20px;
}

#updateClientInfo, #updateClientOtherInfo
{
	padding: 5px;
    border: 1px solid #333;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
}

.addRowToTableStyle
{
	cursor: pointer;
}

#cfaPercentOfPortfolioToPreserve
{
	font-weight: bold;
}

#editAnalysisValues
{
	display: flex;
}

#editAnalysisValues > div
{
	margin:1px;
}

#cfaModalEditUserInfo input, #cfaModalEditUserOtherInfo input
{
	width:100%;
	border:1px solid #828282;
	padding:5px;
	box-sizing: border-box;
}

#cfaOtherDocuments
{
	border: 1px solid #000;
}

#cfaOtherDocuments > div
{
	border-bottom: 1px solid #000;
}

.cfaOtherDocumentsHeading
{
	padding:5px;
	box-sizing: border-box;
	font-weight: bold;
	background:#c6c6c6;

}

#cfaAssets > div, #cfaLiabilities > div, #cfaInsurancePolicies > div, #cfaEstatePlanningDocuments > div
{
	display: flex;
}

#cfaAssets > div > div, #cfaLiabilities > div > div, #cfaInsurancePolicies > div > div, #cfaEstatePlanningDocuments > div > div
{
	width: 150px;
    margin: 3px;
    padding: 3px;
}

.cfaAssetHeading, .cfaLiabilityHeading, .cfaInsurancePolicyHeading, .cfaEstatePlanningDocumentHeading{
	background:#efefef;
}

.cfaAssetHeading > div, .cfaLiabilityHeading > div, .cfaInsurancePolicyHeading > div, .cfaEstatePlanningDocumentHeading > div
{
    font-weight: bold;    
}

#cfaOtherDocumentsHeadingContainer{
	display: flex;
}

#editClientOtherInfo
{
	margin-left:auto;
	padding:3px;
	cursor: pointer;
	font-weight: bold;
}
.editItemHeaderDescriptions
{
	display: flex;
}

.editItemHeaderDescriptions > div
{
	margin:1px;
}

#scrapedDataContainer
{
	border: 1px solid #333;
    width: 250px;
    height: 40px;
    margin: 0 auto;
    margin-top:20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
}

#scrapedDataTextarea
{
	width: 100%;
    border: none;
    outline: 0px;
    font-size: 20px;
    padding: 10px;
    margin: 0px;
    height: 100%;
    resize: none;
    color: transparent;
    caret-color: black;
    overflow: hidden;
    background: transparent;
}

#startNewCFAContainer
{
	display: none;
	text-align: center;
	margin-top:20px;
}

#startNewCFA{
	display: inline-block;
	cursor: pointer;
	padding: 5px;
    border: 1px solid #333;
    border-radius: 2px;
	margin-top:10px;
}

#scrapedDataStatus
{
	text-align: center;
}

#resumeCfaInstructions {
    text-align: center;
    padding: 10px;
    font-size: 30px;
}

#resumeCfaContainer
{
	text-align: center;
}

#resumeCfaFileInputStyle
{
	display: inline-block;
    cursor: pointer;
    padding: 10px 80px;
    background: #393e45;
    color:#fff;
    font-size:20px;
    border-radius: 3px;
}

#editClientNote
{
	width: 100%;
    min-height: 130px;
    resize: vertical;
    box-sizing: border-box;
}

.accountSourceHeader
{
	border:1px solid #efefef;
	padding:3px;
	display: flex;
	background-color:var(--main-stable-color);
	color:#fff;
}

.accountSourceHeader h1{
	display: inline-block;
}

.accountSourceHeader div
{
	margin-left: auto;
	cursor: pointer;
}

#editClientName
{
	background-color:#efefef;
}

#cfaAppHeader
{
	display: none;
	background: #393e45;
	height:50px;
}

#cfaAppHeader img
{
    float:left;
	height:34px;
    margin-top: 8px;
}

#logoText
{
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    color: #d8d8d8;
    font-family: monospace;
}

#cfaAppHeader a
{
	float:right;
	height:50px;
	line-height: 50px;
	padding:0px 30px;
	color: #fff;
}

#cfaHelpContainer p
{
	margin-bottom: 20px;
}

#cfaHelpContainer a
{
	text-decoration: underline;
	color:#393e45;
}

.hiddenAllocationRow
{
	display: none;
}

.hiddenAllocationRow  > .cfaTableStyleInfoContainer{
	cursor: pointer;
}

.boldAllocationRow > .cfaTableStyleInfoContainer{
	cursor: pointer;
}

.boldAllocationRow > div > div > div
{
	font-weight: bold;
}

.topBottomBorder
{
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
}

.bottomBorder{
	border-bottom:1px solid #d0d0d0;
}

.fadedAllocationRow  > div:first-child {
    color:#9d9d9d !important;
}

.fadedAllocationRow > div{
    font-size:10px !important;
    color: rgba(255,255,255,0.4);
}

#cfaModalLoading
{
	display: block;
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    background: rgba(0,0,0,.9);
}

#loadingDisplay
{
	position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 10px;
    color: #fff;
    font-size: 10px;
}

.cfaTableStyleTotalsColumn, .cfaTableStyleTotalsContainer > div
{
	border-right: none !important;
}

.cfa1 > div {
    background: #fff;
}

.cfa2Left > div {
    background: #fff;
}

.cfa2Right > div {
    background: #fff;
}

.cfaFourColumnStableTarget, .cfaFourColumnUnstableTarget
{
	font-weight: bold;
	font-size: 14px
}

.cfaPreviewInvestmentAccountName
{
	cursor: pointer;
    width: 450px;

}

.cfaPreviewInvestmentCurrentAmount{
    width: 100px;
}

.cfaAllocationInvestmentTypeUSGBMBCurrentDollarGrouped, .cfaAllocationInvestmentTypeUSGBMBCurrent, .cfaAllocationInvestmentTypeUSGBMBTargetBuySell
{
	width:130px !important;
	border-right: 1px solid #d0d0d0;
}

.cfaAllocationInvestmentTypeASCurrentDollarGrouped, .cfaAllocationInvestmentTypeUSIGCBCurrentDollarGrouped, .cfaAllocationInvestmentTypeASCurrent, .cfaAllocationInvestmentTypeUSIGCBCurrent, .cfaAllocationInvestmentTypeASTargetBuySell, .cfaAllocationInvestmentTypeUSIGCBTargetBuySell
{
	border-right: 1px solid #d0d0d0;
}

.cfaAllocationASTaxFree, .cfaAllocationIGCBTaxFree, .cfaAllocationOBTaxFree, .cfaAllocationASDeferred, .cfaAllocationIGCBDeferred, .cfaAllocationOBDeferred, .cfaAllocationASTaxable, .cfaAllocationIGCBTaxable, .cfaAllocationOBTaxable, .cfaAllocationInvestmentTypeASHeading, .cfaAllocationInvestmentTypeUSIGCBHeading, .cfaAllocationInvestmentTypeSOBHeading, .cfaAllocationASCurrentDollar, .cfaAllocationIGCBCurrentDollar, .cfaAllocationOBCurrentDollar, .cfaAllocationASCurrentPercent, .cfaAllocationIGCBCurrentPercent, .cfaAllocationOBCurrentPercent
{
    border-left: 1px solid #d0d0d0;
}

.cfaAllocationInvestmentTypeUSGBMBHeading
{
    width: 130px !important;
}

#footer
{
    margin-top:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
    color:#5f5f5f;
}

.accountCashStyle
{
    padding: 0px !important;
    margin-left: 10px;
    font-weight: bold;
    color: #196d15;
    font-size:18px;
}

#cfaClientNameContainer
{
    padding:3px;
}

.cfaInvestmentAccountContainerStyleTaxable .cfaInvestmentAccountContentToggle
{
    background-color:#4f6d82;
}

.cfaInvestmentAccountContainerStyleTaxable .cfaInvestmentAccountContent
{
    background-color:#a9c2d4;
}

.cfaInvestmentAccountContainerStyleTaxDeferred .cfaInvestmentAccountContentToggle
{
    background-color:#30581b;
}

.cfaInvestmentAccountContainerStyleTaxDeferred .cfaInvestmentAccountContent
{
    background-color:#a5b1ab;
}

.cfaInvestmentAccountContainerStyleTaxFree .cfaInvestmentAccountContentToggle
{
    background-color:#a06527;
}

.cfaInvestmentAccountContainerStyleTaxFree .cfaInvestmentAccountContent
{
    background-color:#deceb5;
}

#printPageButton{
    display: none;
    position: absolute;
    top:0px;
    right: 0px;
    height: 52px;
    line-height: 52px;
    padding: 0px 20px;
    color: #fff;
    cursor: pointer;
}

.negativeTextStyle
{
    color:#ed6a6a;
}

#addNewManualAccountName {
    width: 100%;
    box-sizing: border-box;
    margin-bottom:20px;
    border: 0px;
    padding: 10px;
}

#mockupNewCFA
{
    color:#393e45;
    padding:20px;
    cursor: pointer;
}

#cancelModal
{
    display: block;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    text-decoration: underline;
    color: #999999;
    cursor: pointer;
    text-align: center;
    background: rgba(255,255,255,0.9);
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #999999;
}

#cfa_new_symbol, #cfa_new_name
{
    background-color:#f1d5c1;
}

.delete_investment_account_row
{
    font-size-:10px !important;
    padding:3px 10px !important;
    color:#fff !important;
    cursor: pointer !important;
}

#editAccountDelete{
    margin-top: 130px;
    color: #6d6d6d;
    text-decoration: underline;
    cursor: pointer;
}


.cfa_edit_manual_account_holding_notes {
    display: inline-block;
    width: 310px;
    margin: 5px 0px;
}

#cfaProposeManualAccountProxyNotes
{
    width: 310px;
}

#cfaLookupAnnuityName, #cfaAddGlobalProxyOption{
    width: 100%;
    height: 40px;
}

#cfaLookupAnnuityName
{
    margin-bottom:20px;
}

.removeRowContainer
{
    width:44px;
    cursor: pointer;
    text-align: center;
    color:#ab3333;
    line-height: 25px;
}