[data-v-82c8bf54] .xmx-input{padding:13px;padding-left:35px;height:44px;border-radius:12px;border:1px solid #dcdad5;background:transparent;font-size:14px;font-weight:350;color:#000}[data-v-82c8bf54] .xmx-datepicker{width:330px}.xmx-icon-calendar img[data-v-82c8bf54]{width:17px;height:17px}[data-v-82c8bf54] .xmx-icon-calendar{left:10px}.custom-dropdown-select[data-v-82c8bf54]{width:222px}button[data-v-82c8bf54]{border-radius:15px;padding:13px 16px;height:44px;border:1px solid #dcdad5;font-size:14px}[data-v-82c8bf54] .dropdown-menu{min-width:136px}[data-v-82c8bf54] .dropdown-item{padding:13px 16px}label[data-v-4acb798e]{color:#000;font-size:14px;font-style:normal;font-weight:350}select[data-v-4acb798e]{background-color:rgba(220,218,213,.3);border-top-right-radius:0;border-bottom-right-radius:0}input[data-v-4acb798e]{height:unset;font-size:14px}input[data-v-4acb798e]:focus{border-color:#dcdad5}button[data-v-4acb798e]{border:0;border-radius:8px;height:36px;width:36px;margin-top:3px;margin-right:3px}.search-by-border[data-v-4acb798e]{border:1px solid #dcdad5!important;border-radius:12px!important;height:44px}button[data-v-063cd5e2]{height:44px}.showing-1-to[data-v-68d20ee4]{font-size:14px;font-weight:350;color:rgba(0,0,0,.5);display:inline-block;padding-left:15px}[data-v-68d20ee4] .btn-secondary{padding:21px 25px;color:#000!important;border-radius:15px;border:1px solid #dcdad5;background-color:rgba(220,218,213,.3)!important}.due-status{background:rgba(252,107,45,.1);color:#fc6b2d}.sent-status{background:rgba(57,131,172,.1);color:#3983ac}.created-status,.draft-status{background:rgba(220,218,213,.5);color:rgba(0,0,0,.7)}.paid-late-status{background:rgba(155.09,155.09,245.68,.1);color:#7171e0}.select-template-container{background:#fff;box-shadow:0 0 15px -5px rgba(0,0,0,.3);border-radius:12px;position:absolute;top:57px;padding:18px 12px;width:360px;z-index:4;right:0}.select-template-section{border-radius:8px;padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.select-template-section:hover{background:rgba(220,218,213,.3)}.select-template-section .name{line-height:20px}.select-template-section .sub-text{color:rgba(0,0,0,.5);font-size:12px;font-weight:325;line-height:20px}.select-template-section:hover .name{color:#fc6b2d}.template-section-img{display:none}.select-template-section:hover .template-section-img{display:block}.modal-header-custom{border-bottom:none;padding-bottom:0}.modal-body-custom-invoice{padding:0 30px 30px 14px;min-height:600px;height:600px}.modal-body-custom-invoice-pdf{padding:0 30px 30px 30px;height:calc(100vh - 120px)}.modal-footer-custom{border-top:none;padding:0 55px 25px 55px}.template-section{padding:12px;cursor:pointer;margin-top:16px;box-shadow:0 2px 10px -5px rgba(0,0,0,.15);border-radius:12px;border:1px solid rgba(220,218,213,.3);width:172px;margin-left:16px;position:relative}.template-section .name{line-height:16px;font-size:12px;margin-top:11px;height:36px}.template-section .sub-text{color:rgba(0,0,0,.3);font-size:10px;font-weight:325;line-height:12px}.template-section-hover{display:none}.template-section:hover{background:rgba(252,107,45,.04);box-shadow:0 0 0 4px rgba(252,107,45,.1);border-radius:12px;border:1px solid #fc6b2d}.template-section:hover .template-section-hover{display:block}.show_details button{padding:7px 9px;border-radius:8px;background:rgba(220,218,213,.3);height:36px}.show_details ul{box-shadow:0 0 15px -5px rgba(0,0,0,.3);border-radius:12px;padding-top:12px;padding-bottom:12px;transform:translate3d(-138px,40px,0)!important;z-index:1!important}.show_details ul button{padding:12px 25px;border-radius:0;background-color:transparent;height:auto}.overdue_reminder .dropdown-item{white-space:break-spaces;padding:25px;height:auto!important}.overdue_reminder button{padding:0;background:transparent;padding-left:10px}.overdue_reminder .dropdown-item:hover{color:inherit;border-right:0;background:#fff}.overdue_reminder ul{box-shadow:0 0 15px rgba(0,0,0,.15);border-radius:12px;border:1px solid rgba(220,218,213,.5);padding:0;width:245px}::v-deep #preview_payslip .modal-dialog{max-width:700px}.refunded{background:rgba(222,53,53,.1);color:#de3535}.partial-refund{background:rgba(227,179,7,.1);color:#c59900}.badge-soft-success{background:rgba(33,150,83,.1);color:#219653}.badge-soft-danger{background:rgba(222,53,53,.1);color:#de3535}.file_upload{opacity:0;position:absolute;height:100%;width:100%;z-index:1;cursor:pointer}.file-input-draggable{border-radius:12px;border:1px dashed #dcdad5;background:rgba(220,218,213,.3)}.file_upload::file-selector-button{display:none}.import_success_body{padding:32px;border-radius:16px;background:#fff;box-shadow:0 0 15px -5px rgba(0,0,0,.3)}.import_success_title{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='471' height='346' fill='none'%3E%3Cg filter='url(%23filter0_f_3027_37973)'%3E%3Ccircle cx='235.5' cy='110.5' r='60.5' fill='%23FC6B2D' fill-opacity='.5'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_3027_37973' x='0' y='-125' width='471' height='471' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='87.5' result='effect1_foregroundBlur_3027_37973'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");background-size:121px 121px;background-repeat:no-repeat;background-position:50%}.imported_invoices_count{border-radius:12px;background:#f5f4f2;padding:16px 30px}.right-top-section{background-color:#f7f7f7;border-bottom-left-radius:50%;border-bottom-right-radius:50%;position:relative;z-index:1}.right-bar{width:448px;right:-448px}.right-bar.active{right:0}.rightbar-overlay.active{display:block;position:fixed;z-index:9997}.right-bar .custom-multiselect .multiselect__tags,.right-bar .form-control{border:.5px solid rgba(0,36,100,.0784313725490196)}@media (max-width:700px){.right-bar{width:100%;right:-100%}}@media (max-width:539px){.right-bar{width:320px;right:-320px}}.modal-body input[data-v-002dc3aa],[data-v-002dc3aa] form input{color:#000;font-size:14px;font-style:normal;font-weight:350}.modal-body input[data-v-002dc3aa]::-moz-placeholder,[data-v-002dc3aa] form input::-moz-placeholder{color:rgba(0,0,0,.3);opacity:1;font-weight:325}.modal-body input[data-v-002dc3aa]::placeholder,[data-v-002dc3aa] form input::placeholder{color:rgba(0,0,0,.3);opacity:1;font-weight:325}.modal-body label[data-v-002dc3aa],[data-v-002dc3aa] form label{color:#000;font-size:14px;font-style:normal;font-weight:350;line-height:20px}.modal-body .form-control[data-v-002dc3aa],[data-v-002dc3aa] form .form-control{border-radius:12px;border:1px solid rgba(220,218,213,.5);height:60px;padding:13px 16px}.template-section-parent[data-v-002dc3aa]{height:calc(100% - 40px);align-items:center;justify-content:center}.template-section-parent .template-section[data-v-002dc3aa]{padding:39px;margin-top:0;width:226px;margin-left:0}.template-section-parent .template-section .name[data-v-002dc3aa]{font-size:14px}