.loader[data-v-d004a73e]{color:#bbb}[dir] .loader[data-v-d004a73e]{text-align:center}.pay_date_picker .daterangepicker.openscenter{-webkit-transform:translateX(0)}[dir] .pay_date_picker .daterangepicker.openscenter{transform:translateX(0)}[dir=ltr] .pay_date_picker .daterangepicker.openscenter{left:0}[dir=rtl] .pay_date_picker .daterangepicker.openscenter{right:0}[dir] .invoice_preview_card{padding:15px}.invoice_preview_card .vs-card--content{font-size:14px}.finance-card{position:relative}.filter-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-holder .filter-holder-col{width:22%}.filter-holder .filter-holder-col:last-child{width:12%}[dir] .finance-table .vs-table--thead tr{background:#e3e3e3}.finance-card .con-ul-tabs,.finance-table tr{-webkit-box-shadow:0 4px 15px rgba(0,0,0,.15)}[dir] .finance-card .con-ul-tabs,[dir] .finance-table tr{box-shadow:0 4px 15px rgba(0,0,0,.15)}.finance-table .status-badge{display:block}[dir] .finance-table .status-badge{text-align:center}.finance-table .status-badge.overdue{color:#ff6b6c}[dir] .finance-table .status-badge.overdue{background:#ffdede}.finance-table .status-badge.pending{color:#7e8fa3}[dir] .finance-table .status-badge.pending{background:#e6eaee}.finance-table .status-badge.paid{color:#73e8ad}[dir] .finance-table .status-badge.paid{background:#d2ffe8}.finance-table .payment-holder span{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filter-holder .reportrange-text,.filter-holder .vue-daterange-picker{height:100%}[dir] .filter-holder .reportrange-text{padding:7px!important;border-radius:5px}.filter-holder .calendars{display:-webkit-box;display:-ms-flexbox;display:flex}.invoice-table{width:100%;border-collapse:collapse}[dir] .invoice-table td,[dir] .invoice-table th{border:1px solid rgba(0,0,0,.1)}[dir] .invoice-table td{padding:6px 10px}@media (max-width:1024px){[dir] .finance-table{margin-top:50px}.finance-card .filter-holder{width:100%}[dir=ltr] .finance-card .filter-holder{left:0}[dir=rtl] .finance-card .filter-holder{right:0}}@media (max-width:991px){[dir] .finance-table{margin-top:85px}.filter-holder .filter-holder-col{width:50%}.filter-holder .filter-holder-col:last-child{width:15%}}@media (max-width:600px){[dir] .finance-table{margin-top:190px}.filter-holder .filter-holder-col{width:100%}.filter-holder .filter-holder-col:last-child{width:30%}}@media (max-width:480px){[dir] .finance-table{margin-top:205px}}.progress{width:90%;height:30px;overflow:hidden}[dir] .progress{margin:20px auto;padding:0;background:#e5e5e5;border-radius:6px}.bar{position:relative;min-width:1%;height:100%}[dir] .bar{background:#6495ed}[dir=ltr] .bar{float:left}[dir=rtl] .bar{float:right}.percent{position:absolute;top:50%;font-family:tahoma,arial,helvetica;font-size:12px;color:#fff}[dir] .percent{margin:0}[dir=ltr] .percent{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[dir=rtl] .percent{right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}