@import"https://fonts.googleapis.com/css?family=Raleway:300,400,600";:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.search-container{position:relative;width:100%}.search-input{width:100%;padding-right:30px;border-radius:5px;border:2px solid rgba(221,221,221,.5098039216)}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#111;cursor:pointer}.table-container{margin:20px;border:1px solid #e0e0e0;border-radius:5px;overflow:hidden}.table-container table tr.active{background-color:#f9f7ff}.table-container table{width:100%;border-collapse:collapse;background-color:#fff}.table-container thead{color:#f5f5f5!important}.table-container .box-header{display:contents}.table-container th,.table-container td{padding:20px;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.table-container th{font-weight:700}.table-container tbody tr:last-child td{border-bottom:none}.product-summary .box{box-shadow:unset;border:2px solid rgba(221,221,221,.5098039216)}.product-summary .box thead tr{padding:20px;border-bottom:2px solid rgba(221,221,221,.5098039216)}.primary-button{background-color:#7638ff;color:#fff;border:none;padding:10px 40px;border-radius:4px;cursor:pointer;height:44px;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.6}.filter-button{transform:rotate(90deg)}.filter-toggle-button{min-width:45px;width:45px;height:45px;background-color:#fff;border:1px solid #E0E0E0;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px;margin:0}.filter-toggle-button:hover{background-color:#f0f0f0}.filter-toggle-button i{font-size:large;font-weight:400}.icon-container{display:flex;gap:8px}.icon-button{width:32px;height:32px;border-radius:4px;background-color:#f0e6fe;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease;font-size:18px;margin:0 10px}.icon-button:hover{background-color:#e0d0fe}.icon-button i{color:#7638ff;font-size:16px}.bg-none{background-color:transparent}.wd-100{width:100%!important}.mx-wd-600{max-width:600px}.pl-20{padding-left:20px!important}.p-20{padding:20px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-1r{margin-top:1rem}.mt-2r{margin-top:2rem}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.rtl .ml-20{margin-right:20px}.rtl .pl-20{padding-right:20px!important}.px-20{padding-left:20px;padding-right:20px}.px-50{padding-left:50px;padding-right:50px}.new_form .info-box{border-radius:3px;box-shadow:unset}.border-bottom{border-bottom:2px solid rgba(221,221,221,.5098039216)}.summary-box{padding:20px;border:2px solid rgba(221,221,221,.5098039216);border-radius:8px;font-family:Arial,sans-serif;direction:rtl;background-color:#fff}h2{margin-top:0;margin-bottom:15px;font-size:18px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}.summary-row span:first-child{color:#666}.summary-row span:last-child{font-weight:700}.total{margin-top:15px;padding-top:10px;border-top:1px solid #ccc;font-weight:700}.w-px100{width:100px}.w-px260{width:260px}.border-none{border:unset!important}.product_search .vs__dropdown-toggle{padding:0}.flex-center-align{display:flex;align-items:center}.d-flex{display:flex}.rtl .vs__dropdown-toggle{direction:rtl}.ltr .vs__dropdown-toggle{direction:ltr}.vue__select .vs__dropdown-toggle{height:38px;padding-top:5px;padding-bottom:5px;border-radius:8px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc}.vue__select .vs__dropdown-menu{padding:3px 6px}.vue__select .vs__dropdown-menu .vs__dropdown-option{padding:10px}.vue__select .vs__dropdown-option--highlight{background:#fff;color:#601dda;border-radius:8px;border:1px solid #601dda;font-weight:700}.vue__select.payterm .vs__dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0;width:150px;border-left:none}.bottom-select .vs__dropdown-menu{bottom:calc(100% - var(--vs-border-width))!important;top:unset}.new_form .vue__select .vs__dropdown-toggle{height:45px;font-size:14px;border-radius:4px;border:2px solid rgba(221,221,221,.5098039216)}.new_form .vue__select .vs__dropdown-option--highlight{color:#222;font-weight:400;background-color:#ebe2ff;border-radius:0;border:none}.new_form .vue__select .vs__dropdown-menu{padding:0}.vue__select .vs__dropdown-menu{scrollbar-color:#7638FF #e2e2e2}.product_search .vs__selected{position:absolute;top:22%;margin-left:60px}.rtl .vue__select .vs__dropdown-option{text-align:-webkit-right;direction:rtl}.title-container{display:flex;align-items:center;margin-bottom:20px;padding-bottom:20px;padding-right:10px;border-bottom:1px solid #ddd}.sub-title-text,.title-text{font-weight:700;color:#000;margin:0}.title-text{font-size:24px}.title-text span{color:#7638ff}.sub-title-text{font-size:20px}.title-arrow{display:inline-block;width:20px;height:20px;margin-left:10px;cursor:pointer}.ltr .title-arrow{margin-left:0;margin-right:10px}.ltr .title-arrow i{transform:rotate(180deg)}.flat_modal.modal{background-color:unset}.flat_modal .modal-content{border-radius:3px;margin-top:25%}.flat_modal .modal-body,.flat_modal .modal-footer{background-color:#fff}.flat_modal .modal-header{background-color:#f7f8f9;text-align:center;padding:20px}.flat_modal .modal-body{padding:20px 40px}.flat_modal .modal-dialog{width:500px}.new_form .input-container{display:flex;align-items:center}.new_form .input-box{padding:20px 0;border-bottom:2px solid rgba(221,221,221,.5098039216)}.new_form .add-new-customer{font-size:14px;color:#7638ff;text-decoration:none}.new_form .add-new-customer:hover{text-decoration:underline}.new_form .checkbox-wrap{gap:.625rem;margin-bottom:1.25rem}.new_form .checkbox-wrap input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;width:2.25rem;height:2.25rem;border:1px solid #7638ff;background:#fff;outline:none;border-radius:4px}.new_form .checkbox-group{display:inline-flex;margin-bottom:10px}.new_form .checkbox-group input[type=checkbox]{margin-left:10px}.new_form .checkbox-wrap input[type=checkbox]:checked{background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15.141" height="11.595" viewBox="0 0 15.141 11.595"><path fill="%237638ff" d="M15.066 1.357 13.829.084a.266.266 0 0 0-.2-.084.255.255 0 0 0-.2.084L4.851 8.725 1.73 5.604a.272.272 0 0 0-.394 0L.084 6.856a.28.28 0 0 0 0 .4l3.938 3.938a1.245 1.245 0 0 0 .823.4 1.3 1.3 0 0 0 .816-.387h.005l9.4-9.45a.3.3 0 0 0 0-.4Z" data-name="Icon ionic-ios-checkmark"/></svg>') 50% 50%/63% auto no-repeat}.new_form .checkbox-wrap label{margin:0;font-size:16px;font-weight:400}.new_form .checkbox-wrap label a{color:inherit}.new_form .checkbox-wrap label a:not(:hover){text-decoration:underline}.new_form .checkbox-wrap label a:hover{text-decoration:none}.new_form .checkbox-wrap input[type=checkbox]:before{border:unset}.new_form .input-group{display:flex;border:2px solid #ccc;align-items:center;border-radius:3px}.new_form .input-group input.form-control:last-child{border:unset;border-left:2px solid #ccc;border-radius:0;height:40px}.new_form .input-group-prepend{padding:10px 20px}.new_form .input-group-prepend .input-group-text{border-right:0}.direct-debit-filter-box{border:1px solid #E0E0E0}.direct-debit-filter-box .direct-debit-filter-row{row-gap:20px}@media screen and (min-width: 992px){.direct-debit-filter-box .direct-debit-filter-row{display:flex;gap:20px}}.direct-debit-filter-box .direct-debit-filter-row>.form-group{margin:0}.direct-debit-filter-box .box-body{padding-block:30px 33px}@media screen and (min-width: 1200px){.direct-debit-filter-box .box-body{padding-inline:30px}}@media screen and (min-width: 992px){.direct-debit-filter-box .box-body .amount-select,.direct-debit-filter-box .box-body .status-select{flex-basis:24.215%;max-width:24.215%}}@media screen and (min-width: 992px){.direct-debit-filter-box .box-body .filter-date-wrap{flex-basis:18.68%;max-width:18.68%}}@media screen and (min-width: 992px){.direct-debit-filter-box .box-body .customer-input{flex-basis:16.3%;max-width:16.3%}}@media screen and (min-width: 992px){.direct-debit-filter-box .box-body .btn-wrap{flex:1 1 0}}.direct-debit-filter-box .box-body .btn-wrap .primary-button{width:100%}.direct-debit-filter-box .box-body .form-group>label{font-size:14px;color:#000;line-height:1.5;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.direct-debit-filter-box label.blank_label{display:none}@media screen and (min-width: 992px){.direct-debit-filter-box label.blank_label{display:block}}.direct-debit-filter-box .form-group .form-group{margin-bottom:0}.direct-debit-filter-box .filter-date-wrap{display:flex;flex-wrap:wrap;column-gap:10px}.direct-debit-filter-box .filter-date-wrap>label{flex-basis:100%}.direct-debit-filter-box .filter-date-wrap>.form-group{flex:1 1 0}.p-checkbox{width:50px!important}.p-multiselect-option,.p-multiselect-header{margin-left:-30px}.dp__input{height:38px}.dp__range_end,.dp__range_start,.dp__active_date,.dp__action_buttons .dp__action_select{background-color:#7638ff}.dp__action_buttons button{font-size:11px}.dp--preset-dates .dp__btn{font-size:13px;color:#7638ff;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:4px;padding:3px 12px;margin-bottom:8px}.rtl .dp__main *,.rtl .dp__input,.rtl .dp__menu_content_wrapper,.rtl .dp--preset-dates .dp__btn{direction:rtl}.rtl .dp--preset-dates .dp__btn{text-align:right}.fade-text{font-size:.8em;color:#888}.new_form .form-group label{font-weight:400;font-size:16px}.manual-guide .box{border-radius:5px 5px 8px 8px}.manual-guide .box.has_topbar:before{height:3px}.manual-guide .manual-guide-wrap{padding:0 20px 20px;overflow-y:auto;background:#fff;max-height:300px;scrollbar-width:thin;scrollbar-color:#7638ff #f2f2f2}.manual-guide .manual-guide-wrap::-webkit-scrollbar{width:3px}.manual-guide .manual-guide-wrap::-webkit-scrollbar-track{background-color:#f2f2f2}.manual-guide .manual-guide-wrap::-webkit-scrollbar-thumb{background-color:#7638ff}.manual-guide .manual-guide-wrap::-webkit-scrollbar-thumb:hover{background-color:#f2f2f2}.manual-guide .manual-guide-wrap::-webkit-scrollbar-thumb:active{background-color:#f2f2f2}.manual-guide h2{color:#2e286d;font-size:14px;font-weight:700;margin-bottom:15px;padding:20px 20px 0}.manual-guide .manual-guide-card{background-color:#f9f7ff;border-radius:4px;padding:20px 15px;margin-bottom:10px;border:1px solid #e0e0e0}.manual-guide .manual-guide-card .link{transition:.5s ease all;color:#7638ff;text-decoration:underline;font-weight:500;display:block;margin-left:auto;width:70px;text-align:right}.manual-guide .manual-guide-card .link:hover{color:#7638ff;text-decoration:none}.rtl .manual-guide .manual-guide-card .link{margin-inline:auto 0;text-align:left}.manual-guide .manual-guide-card .manual-wrap{margin-bottom:5px}.manual-guide .manual-guide-card .manual-text{color:#000;position:relative;padding-left:15px;font:14px/21px Heebo,sans-serif;font-weight:500}.rtl .manual-guide .manual-guide-card .manual-text{padding-inline:15px 0}.manual-guide .manual-guide-card .manual-text:before{content:"";position:absolute;background-color:#7453e8;height:5px;width:5px;border-radius:10px;left:0;top:5px}.rtl .manual-guide .manual-guide-card .manual-text:before{left:auto;right:0}.manual-guide .manual-guide-card .manual-message{display:flex;align-items:center;font-weight:400;padding:6.5px 8px;border:1px solid #EBE2FF;border-radius:4px;color:#000;font-size:12px}.manual-guide .manual-guide-card .manual-message a{color:#000;text-decoration:underline}.manual-guide .manual-guide-card .manual-message .icon-documentation{margin:0 10px -5px 0}.rtl .manual-guide .manual-guide-card .manual-message .icon-documentation{margin:0 0 -5px 10px}.custom-select.p-select{font-size:16px}.custom-select.p-select.p-inputwrapper-focus .p-select-dropdown{transform:rotate(180deg)}.custom-select.p-select .p-select-label.p-placeholder,.custom-select.p-select .p-select-dropdown{color:#000!important}.custom-select.p-select .p-select-list{font-size:16px}.p-select-overlay{box-shadow:none!important;border-color:#bcbcbc!important;border-radius:4px!important;font-size:16px}.p-select-option.p-select-option-selected,.p-select-option.p-select-option-selected.p-focus{background:#f9f7ff!important;color:#000!important}.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus{background:#f9f7ff!important;color:#000!important}.custom-select--plain.p-select{border:none;background:transparent;box-shadow:none}.custom-select--plain.p-select .p-select-label{padding:0}.custom-dialog{max-width:827px;font-size:16px}.custom-dialog .dialog-title{margin-bottom:0;font-weight:600;font-size:20px}.custom-dialog.p-dialog{border-radius:3px}.custom-dialog .p-dialog-header{position:relative;justify-content:center;background:#f7f8f9;border-radius:3px 3px 0 0;padding:24px 30px}.custom-dialog .p-dialog-header-actions{position:absolute;left:30px}.custom-dialog .p-dialog-header-actions button{font-size:16px;color:#000}.custom-dialog .p-dialog-content{padding:20px 30px}.custom-dialog label{color:#000;font-weight:400}.custom-dialog .form-table{margin-bottom:20px}.custom-dialog table{border-collapse:collapse;width:100%;table-layout:fixed}.custom-dialog th,.custom-dialog td{border:1px solid #E0E0E0;padding:8px;text-align:center}.custom-dialog th{color:#00000080;font-weight:500;font-size:16px}.custom-dialog td{font-size:14px;color:#00000080}.custom-dialog td span{font-size:12px;display:block;color:#000}.custom-dialog td .table-data{border-bottom:1px solid #707070}
