[data-v-a3e612fa]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-a3e612fa]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.wrapper[data-v-a3e612fa]{display:flex;flex-direction:row;flex:1.3}.wrapper .arrow[data-v-a3e612fa]{width:8px;margin:10px 20px}.wrapper .payment-plan-summary[data-v-a3e612fa]{position:relative;flex:1;display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px;border-radius:5px;border:1px solid var(--border-grey);background-color:var(--white);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.wrapper .payment-plan-summary.disabled[data-v-a3e612fa]{pointer-events:none}.wrapper .payment-plan-summary.completed[data-v-a3e612fa],.wrapper .payment-plan-summary.loading[data-v-a3e612fa]{opacity:.5;background-color:none}.wrapper .payment-plan-summary[data-v-a3e612fa]:hover{box-shadow:0 0 0 1px #1989fa;border:1px solid #1989fa}.wrapper .payment-plan-summary:hover .info-container span.hidden[data-v-a3e612fa]{display:flex}@media screen and (max-width:992px){.wrapper .payment-plan-summary[data-v-a3e612fa]{width:100%;margin-right:0}}.wrapper .payment-plan-summary[data-v-a3e612fa] .el-progress-bar__outer{box-shadow:0 0 0 4px var(--white)}.wrapper .payment-plan-summary .header[data-v-a3e612fa]{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:90px}.wrapper .payment-plan-summary .header span.name[data-v-a3e612fa]{font-size:15px;display:block}.wrapper .payment-plan-summary .loader[data-v-a3e612fa]{max-width:200px;justify-content:flex-end}.wrapper .payment-plan-summary .info-container[data-v-a3e612fa]{display:flex;flex-direction:column;justify-content:center;margin-left:15px;border-left:1px solid var(--border-grey);padding-left:15px;min-width:200px;flex:1}.wrapper .payment-plan-summary .info-container .completed[data-v-a3e612fa]{font-size:12px;margin:0 5px;text-align:right}.wrapper .payment-plan-summary .info-container .overdue[data-v-a3e612fa]{background:#f92139;width:10px;height:10px;border-radius:50%}.wrapper .payment-plan-summary .info-container .totals[data-v-a3e612fa]{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;font-size:12px}.wrapper .payment-plan-summary .info-container .totals .total[data-v-a3e612fa]{font-weight:700;position:relative;margin:0 5px;text-align:right;margin-top:6px}.wrapper .payment-plan-summary .info-container .totals .total[data-v-a3e612fa]:first-child{margin-left:0}.wrapper .payment-plan-summary .info-container .totals .total[data-v-a3e612fa]:before{content:attr(data-label);position:absolute;top:-9px;font-size:6px;width:100%;text-align:left;font-weight:bolder}.wrapper .payment-plan-summary .info-container .totals .total.pending[data-v-a3e612fa]{color:var(--grey)}.wrapper .payment-plan-summary .info-container .totals .total.planned[data-v-a3e612fa]{color:var(--black)}.wrapper .payment-plan-summary .info-container .totals .total.invoiced[data-v-a3e612fa]{color:#1989fa}.wrapper .payment-plan-summary .info-container .totals .total.paid[data-v-a3e612fa]{color:#90d050}.wrapper .payment-plan-summary .info-container .totals .total.overdue[data-v-a3e612fa]{color:#f92139}.wrapper .payment-plan-summary .info-container .totals .count[data-v-a3e612fa]{flex:1;text-align:right}.wrapper .payment-plan-summary .info-container .progress-bars[data-v-a3e612fa]{height:6px;margin-top:8px;margin-bottom:0;position:relative}.wrapper .payment-plan-summary .info-container .progress-bars[data-v-a3e612fa] .el-progress{position:absolute;width:100%;margin:0}.wrapper .payment-plan-summary .info-container .progress-bars[data-v-a3e612fa] .el-progress.no-background .el-progress-bar__outer{background-color:transparent!important}.wrapper .payment-plan-summary .info-container .progress-bars[data-v-a3e612fa] .el-progress.no-background .el-progress-bar__inner{box-shadow:2px 0 0 0 var(--white)}.wrapper .payment-plan-summary .tag[data-v-a3e612fa]{font-size:10px!important;text-transform:capitalize;padding:5px 0 0 0}[data-v-6f7ffc1c]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-6f7ffc1c]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.wrapper[data-v-6f7ffc1c]{display:flex;flex-direction:row;margin-bottom:10px}.wrapper[data-v-6f7ffc1c]:last-of-type{margin:0}.wrapper .container[data-v-6f7ffc1c]{position:relative;display:flex;flex-direction:row;align-items:center;flex:1;width:100%;padding:20px;border-radius:5px;border:1px solid var(--border-grey);cursor:pointer;background-color:var(--white);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper .container[data-v-6f7ffc1c]:hover{box-shadow:0 0 0 1px #1989fa;border:1px solid #1989fa}.wrapper .container .el-tag.ref[data-v-6f7ffc1c]{width:120px;text-align:center;font-size:11px}.wrapper .container span.title[data-v-6f7ffc1c]{margin-left:12px;font-size:13px;flex:1}.wrapper .container .el-tag[data-v-6f7ffc1c]{width:100px;text-align:center;margin-left:10px}.wrapper .container .info span[data-v-6f7ffc1c]{font-size:8px;opacity:.8}[data-v-1e877170]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-1e877170]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.outer[data-v-1e877170]{flex:1;display:flex;flex-direction:column}.outer header[data-v-1e877170]{box-sizing:border-box;min-height:65px;padding:10px 20px;border-bottom:1px solid var(--border-grey-light);display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:row;align-items:center;justify-content:space-between}.outer header .el-radio-group[data-v-1e877170]{margin-left:10px}.outer .inner[data-v-1e877170]{overflow:scroll;padding:10px 20px;height:100%;display:flex;flex-direction:column}.outer .inner ul[data-v-1e877170]{padding:0;margin:0;list-style:none}.outer .inner ul li[data-v-1e877170]{padding:0;list-style:none}.outer .inner .group[data-v-1e877170]{display:flex;flex-direction:column;margin-bottom:10px}.outer .inner .group span.name[data-v-1e877170]{margin-bottom:10px;display:block}.outer .inner .group ul li[data-v-1e877170]{margin-bottom:10px}