body{background-color:#151515;color:#ddd;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;overflow:hidden}.main-container{display:flex;flex-direction:row;justify-content:flex-start;position:relative;align-items:stretch;overflow:hidden}.right{float:right;margin-left:1em}.add-icon,.close-icon{background-color:#444;padding:0 6px;cursor:pointer}.add-icon:hover,.close-icon:hover{background-color:#666;border-color:#666}input{background-color:#555;border:1px solid #000;font-size:20px}button{background-color:#555;font-size:18px;border:0;box-shadow:2px 2px 5px black}button:hover{background-color:#666;box-shadow:3px 3px 5px black}h2{background-color:#444;margin-top:0;margin-bottom:4px;padding:0 .5em}select{background-color:#333;color:#bbb;font-size:18px;border:0;box-shadow:2px 2px 5px black}h1.scenario-title{margin:0;margin-left:.5em}.top-bar{margin:.5em;flex-shrink:0}.top-bar-grid{margin:.5em;display:flex}.screen-container{flex-grow:1}.app-container{display:flex;flex-direction:column;height:100%}.app-container-grid{display:grid;grid-template-rows:50px auto;width:100%;height:100%}.app-global-container{position:relative;width:100%;height:100%}.choose-layout-link{background-image:url(../img/pick-layout.png);width:37px;height:37px;right:10px;position:absolute;cursor:pointer;opacity:.7}.choose-layout-link:hover{opacity:1}.choose-layout-container{position:absolute;width:50px;height:230px;top:50px;right:0;background-color:#111;z-index:21;padding:0 5px 0 10px}.choose-layout-row{position:relative;width:37px;height:37px;margin:5px;background-repeat:no-repeat;border:3px solid #000;cursor:pointer}.choose-layout-row:hover{opacity:.7}.choose-layout-single{background-image:url(../img/pick-layout-single.png)}.choose-layout-double-vertical{background-image:url(../img/pick-layout-double-vertical.png)}.choose-layout-double-horizontal{background-image:url(../img/pick-layout-double-horizontal.png)}.choose-layout-quad{background-image:url(../img/pick-layout-quad.png)}.choose-layout-selected{border-color:peru}.graph-layout{display:grid;flex-grow:1;grid-auto-flow:row;column-gap:5px;row-gap:5px}.graph-layout-single{grid-template-columns:auto;grid-template-rows:auto}.graph-layout-double-vertical{grid-template-columns:1fr 1fr;grid-template-rows:auto}.graph-layout-double-horizontal{grid-template-columns:auto;grid-template-rows:1fr 1fr}.graph-layout-quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.graph-container{border:1px solid #000;border-bottom-color:#333;overflow-x:hidden;overflow-y:hidden;position:relative;background-color:#111}.graph{overflow-x:hidden;overflow-y:hidden;width:100%;height:100%}.graph svg{width:10950px}.graph-zero{}.graph-month-line{}rect.graph-bar-credit{fill:#4a6d9c;opacity:.7;transition-property:height left;transition-duration:.2s;transition-timing-function:ease-in-out}rect.graph-bar-debit{fill:#984646;opacity:.7;transition-property:height left;transition-duration:.2s;transition-timing-function:ease-in-out}polyline.graph-line-total{fill:none;stroke:rgba(255,155,0,.6);stroke-width:2;transition-property:left top;transition-duration:.2s;transition-timing-function:ease-in-out}polyline.graph-line-total-shadow{fill:none;stroke:rgba(0,0,0,.7);stroke-width:2;transition-property:left top;transition-duration:.2s;transition-timing-function:ease-in-out}.wheel-track{background-color:#000;opacity:.1}.wheel-track:hover{opacity:.5}.wheel-track-horizontal{width:100%;height:2em;position:absolute;left:0;bottom:0}.wheel-track-vertical{width:2em;height:100%;position:absolute;left:0;top:0}.wheel-track-handle{width:2em;height:2em;position:absolute;left:0;top:0;background-color:#666}.graph-zoom-container{position:absolute;right:1em;bottom:1em;z-index:13}.graph-zoom-control{cursor:pointer;text-align:center;width:40px;height:40px;border-radius:20px;background-color:#444;margin-bottom:.5em;line-height:40px;color:#000;font-size:2.5em;box-shadow:2px 2px 5px black;user-select:none}.graph-zoom-control:hover{background-color:#555}.graph-label-bold{color:#fff;font-size:14px;font-weight:700}.graph-item-legend{font-size:14px;background-color:#333;z-index:11;padding:.5em .5em .5em 1em;position:absolute;font-family:courier new,Courier,monospace;border-radius:0 5px 0 0;box-shadow:2px 2px 5px black;opacity:.9}.graph-item-legend-total-caption{color:rgba(255,155,0,.9);margin-right:.5em;font-weight:700;text-shadow:1px 1px 3px #000}.graph-hover-dollar-amount{font-size:14px;z-index:11;position:absolute;font-family:courier new,Courier,monospace;border-radius:0 5px 0 0;opacity:.9;color:#aaa;padding-left:1em}.graph-container-event-capture{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:12}rect.graph-bar-credit.graph-bar-hover{fill:#284b7a}rect.graph-bar-debit.graph-bar-hover{fill:#800}rect.graph-day-selected{fill:#d0a;opacity:.3}.graph-pane{display:grid;grid-template-rows:24px auto;overflow:hidden}.pane-titlebar{padding-top:4px;color:#aaa}.graph-pane-current{background-color:#333}.graph-pane-table-view{overflow-y:auto;background-color:#111;color:#aaa}.graph-pane-mode-select{float:right}.graph-pane-mode-select-item{border:1px solid #888;text-align:center;display:inline-block;width:50px;cursor:pointer}.graph-pane-mode-select-item:hover{background-color:#444}.graph-pane-mode-select-item.is-selected{background-color:#555;color:#000;cursor:default}.graph-pane-mode-select-item:first-child{border-radius:5px 0 0 5px}.graph-pane-mode-select-item:last-child{border-radius:0 5px 5px 0}.graph-pane-table-payment-row{display:flex;flex-direction:row}.pane-half-width{font-size:12px}.graph-pane-table-payment-row-header{display:flex;flex-direction:row;margin-top:10px;border-bottom:1px solid #555}.graph-pane-table-payment-row.is-selected{background-color:#222}.graph-pane-table-payment-row-date{width:65px}.graph-pane-table-payment-row-day{width:40px}.graph-pane-table-payment-row-name{width:120px;text-overflow:ellipsis;word-wrap:none;white-space:nowrap;overflow-x:hidden;margin-right:10px}.graph-pane-table-payment-row-account{width:80px}.graph-pane-table-payment-row-amount{width:70px;text-align:right;font-family:courier new,Courier,monospace}.graph-pane-table-payment-row-account-balance{width:100px;text-align:right;font-family:courier new,Courier,monospace}.graph-pane-table-payment-row-assets{width:100px;text-align:right;font-family:courier new,Courier,monospace}.graph-pane-table-payment-row-debts{width:100px;text-align:right;font-family:courier new,Courier,monospace}.graph-pane-table-payment-row-net-worth{width:100px;text-align:right;font-family:courier new,Courier,monospace}.graph-pane-table-body-header{}.graph-pane-table-body-header-year{font-size:40px;background-color:#222;box-shadow:0 2px 2px #000;margin-bottom:10px}.graph-pane-table-body-header-month{font-size:24px;border-bottom:1px solid #ccc;margin-bottom:5px}.graph-pane-table-body-header-week{border-bottom:1px dashed #444}.amount-negative{color:#c00}.amount-positive{}.add-payment,.add-payment-start-condition,.add-payment-end-condition,.change-scenario-end-condition{margin-left:-300px;transition:margin-left 200ms ease-in-out;position:absolute;flex-shrink:0;flex-grow:0;background-color:#151515;opacity:.9;z-index:21;height:100%;width:300px}.add-payment-start-condition,.add-payment-end-condition{z-index:22}.add-payment-visible,.add-payment-start-condition-visible,.add-payment-end-condition-visible,.change-scenario-end-condition-visible{margin-left:250px;box-shadow:3px 0 5px black}.payment-detail{margin-bottom:1em}.change-scenario-end-condition-account-balance,.change-scenario-end-condition-duration-days{display:none}.change-scenario-end-condition-account-balance-visible,.change-scenario-end-condition-duration-days-visible{display:block}.add-scenario{transition:margin-left 200ms ease-in-out;background-color:#151515;opacity:.9;z-index:21;height:100%}.add-scenario-visible{box-shadow:3px 0 5px black}.edit-scenario{transition:margin-left 200ms ease-in-out;background-color:#151515;opacity:.9;z-index:21;height:100%}.edit-scenario-visible{box-shadow:3px 0 5px black}.edit-scenario-items-container{display:grid;grid-template-columns:auto auto}.edit-scenario-items{}.edit-scenario-accounts-list,.edit-scenario-payments-list{background-color:#050505;height:150px;border:2px inset #333;overflow-y:scroll;padding:1em 0}.edit-scenario-items-content{background-color:#222;padding:16px;margin-right:16px}.edit-scenario-items-content-header{display:flex;flex-direction:row;margin:22px 0;justify-content:space-between}.edit-scenario-items-content-header h4{margin:0}.edit-scenario-items-source .payment-row{margin-right:1em}.edit-scenario-items-source .payment-row:hover{background-color:#222}.edit-scenario-items-source .payment-row-selected{background-color:#444}.payment-row.unimportable{opacity:.6}.edit-scenario-items-source .payment-row.unimportable:hover{background-color:#050505}.payments{width:268px;flex-shrink:0;flex-grow:0;z-index:21;background-color:#151515;display:flex;flex-direction:column}.payments>h2{flex-grow:0;flex-shrink:0;text-align:center}.payments-list{background-color:#0a0a0a;flex-grow:1;border:3px solid #151515;padding:1em 0;color:#bbb}.payments-add-button button{display:block;margin:auto;margin-top:5px;margin-bottom:5px;text-align:center;flex-grow:0;flex-shrink:0}.payment-row{margin-left:1em;display:flex;justify-content:right}.payment-name{flex-grow:1;width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.payment-row-amount-prefix{width:30px;text-align:right;font-family:courier new,Courier,monospace}.payment-row-amount{width:50px;text-align:right;font-family:courier new,Courier,monospace}.payment-row-remove-icon{background-color:#444;margin-left:1em;padding:0 6px;visibility:hidden;cursor:pointer}.payment-row-remove-icon:hover{background-color:#666}.payment-row:hover .payment-row-remove-icon{visibility:visible}.scenario{cursor:pointer}.scenario:hover{background-color:#333}.selected-day-details{padding:0 .5em}.selected-day-account-name{font-weight:700;width:60px}.selected-day-payments{clear:both}.selected-day-payment-detail .payment-name{}.selected-day-payments{padding-left:1em;margin-top:.5em}.selected-day-account-detail{background-color:#222}.selected-day-accounts{background-color:#0a0a0a}.selected-day-account .payment-row{margin-left:0}.graph-sidebar{display:flex;z-index:23}.graph-sidebar h3{margin:0;display:flex;justify-content:space-between;background-color:#333;padding:.3em}.float-panel{top:0;left:0;opacity:.9;z-index:51;background-color:#111}.projection-type-text-container{background-color:#222;padding:18px;width:212px}.projection-type-text{margin-bottom:.5em}.payment-recurrence-type-symbol{padding-right:3px;font-size:.8em}.payment-recurrence-type-symbol.daily{color:sienna}.payment-recurrence-type-symbol.weekly{color:green}.payment-recurrence-type-symbol.monthly{color:#7b68ee}.payments-list-group,.payments-list-plan{margin-bottom:1em}.payments-list-group h4,.payments-list-plan h4{margin:0 0 .5em}.selected-day-account-total{width:100px;text-align:right;font-family:courier new,Courier,monospace}.payments-list-plan-amount{display:inline;margin-left:5px;font-weight:initial}.payments-list-plan-amount .payment-row-amount{margin-left:12px}.menu{position:absolute;top:0;left:0;display:none;z-index:41;background-color:#151515;padding:.5em;width:250px;box-shadow:5px 0 5px #000;height:100%}.menu-visible{display:block}.menu-open-icon,.menu-close-icon{display:flex;width:30px;height:30px;flex-direction:column;justify-content:space-around;cursor:pointer}.menu-open-icon:hover,.menu-close-icon:hover{background-color:#555}.menu-close-icon{font-size:40px;text-align:center;margin-bottom:.5em}.menu-open-icon-line{border:2px solid #ddd;border-radius:3px}.menu-item{cursor:pointer;padding:.25em}.menu-item:hover{background-color:#333}.scenario-container-grid{background-color:#111;height:100%;width:100%;z-index:31;display:grid;grid-template-columns:268px auto}.scenario-content{}