*{margin:0;padding:0;box-sizing:border-box;font-family:Fira sans,sans-serif;font-size:16px}body{background:#ab9b9b;color:#fff}.container{width:100%;max-width:950px;margin-left:auto;margin-right:auto}.card__header{display:flex;justify-content:space-between;align-items:center}.card__content{border:1px solid #e0e0e0;box-shadow:0 6px 13px -12px #32325d33,0 3px 7px -3px #6e6e6e1a;border-radius:4px;background-color:#fff;color:#000;margin-top:30px;margin-bottom:30px;padding-bottom:30px}.card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.card__content--header{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;padding:30px}.invoice__title{margin-top:10px;margin-bottom:10px}h2{display:block;font-size:1.5em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}.btn{border:1px solid #6a727a;padding:9px 15px;border-radius:4px;cursor:pointer}.btn-secondary{background:#fff;color:#000}.btn-secondary:hover{background:#f1f1f1;color:#6a727a}table{background:#f1f1f1;margin-top:20px;margin-bottom:30px}.table--filter{border-bottom:1px solid #e0e0e0;padding:20px 30px;margin-bottom:20px}.table--filter--list{display:flex;justify-content:flex-start;list-style:none}.table--filter--link--active{color:#006fbb;font-weight:500}.table--filter--link{margin-right:1rem}.table--filter--collapseBtn{display:none}ul{list-style:none}.table--search{padding:0 30px;display:grid;-ms-grid-columns:minmax(150px,auto) minmax(180px,1fr);grid-template-columns:minmax(150px,auto) minmax(180px,1fr);margin-top:30px;margin-bottom:30px}.table--search--wrapper{position:relative}.table--search--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee;color:#6a727a;width:100%;border:none;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-top-left-radius:3px;border-bottom-left-radius:3px;padding:10px 20px}.relative{position:relative}.table--search--input--icon{top:12px;left:12px;color:#d4d4d4;position:absolute}.table--search--input{width:100%;border:none;color:#454f5b;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-top-right-radius:3px;border-bottom-right-radius:3px;padding:10px 20px 10px 40px}.table--heading{padding:0 30px;gap:10px;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));color:#808891;font-size:14px;font-weight:500;border-bottom:1px solid #e0e0e0;padding-bottom:1.2rem;margin-top:20px}.table--items{padding:10px 30px!important;gap:10px;display:-ms-grid;display:grid;-ms-grid-columns:(minmax(100px,1fr)) [auto-fit];grid-template-columns:repeat(auto-fit,minmax(100px,1fr));-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;padding:.6rem 0}.table--items--transactionId{color:#006fbb;font-weight:500}.input{padding:9px 15px;border:1px solid #e0e0e0;border-radius:4px;width:100%}.my-1{margin-top:10px;margin-bottom:10px}.selectBtnFlat{border:none;padding:9px 15px;border-radius:4px;cursor:pointer;position:relative;color:#000;background:none}.table--heading2{display:grid;grid-template-columns:550px 1fr 1fr 1fr 25px;grid-gap:10px;padding:10px 30px!important;font-weight:900;border-bottom:1px solid #e0e0e0;background:#8092f8;color:#000}.table--items2{display:grid;grid-template-columns:550px 1fr 1fr 1fr 25px;grid-gap:10px;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px 30px!important}.table__footer{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;padding:10px 30px!important}.table__footer--subtotal{display:grid;grid-template-columns:1fr 1fr;font-weight:500;margin-top:30px;margin-bottom:20px;color:#000}.table__footer--subtotal p,.table__footer--subtotal span{font-size:20px}.table__footer--discount{display:grid;grid-template-columns:1fr 1fr;font-weight:500;margin-bottom:20px;color:#000}.table__footer--discount p{font-size:20px}.table__footer--total{display:grid;grid-template-columns:1fr 1fr;font-weight:500;margin-bottom:20px;color:#000}.table__footer--total p,.table__footer--total span{font-size:26px}.document-footer p{color:#000}.textarea{padding:9px 15px;border:1px solid #e0e0e0;border-radius:4px;width:100%;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.modal{display:none;position:fixed;z-index:1;padding-top:20%;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;color:#454f5b}.show{display:block!important}.modal__content{background-color:#fff;margin:auto;padding:20px;width:100%;max-width:500px;box-shadow:0 2px 15px #23282f40;position:relative;border:none;border-radius:7px}.modal__close{color:#aaa;font-size:28px;font-weight:700;top:5px;right:15px;position:absolute;cursor:pointer}.modal__title{margin-bottom:20px}.modal__items{justify-content:space-between;align-items:center}.inputAdd{padding:9px 15px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;width:100%}.inputAdd__Btn{background:#5463c1;color:#fff;border-top:1px solid #5463c1;border-right:1px solid #5463c1;border-bottom:1px solid #5463c1;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;padding:9px 15px;cursor:pointer}.model__footer{display:flex;justify-content:flex-end;align-items:center;margin-top:20px}.btn{border:none;padding:9px;border-radius:4px;cursor:pointer}.btn-light{border:1px solid #808891;background:#fff;color:#454f5b}.mr-2{margin-right:20px}.card__header--title{display:flex;justify-content:flex-start}.card__header--title h1{padding-right:5px}.card__header-list{display:flex;justify-content:flex-start;list-style:none;margin-top:10px;margin-bottom:10px}.invoice{background:#fff;color:#000}.logo{padding-top:40px;padding-left:25px;height:60px;padding-bottom:15px}.invoice__header--title{margin-top:80px}.invoice__header--title-1{font:700 100% sans-serif;letter-spacing:.1em;text-transform:uppercase;background-color:#fff;text-align:right;font-size:36px;padding-right:15px}.invoice__header--item{grid-gap:200px;padding:20px}.invoice__header--item1{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0!important}.invoice_header_company_detail{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0!important}.invoice__header--item1 p{font-size:18px}.invoice_header_company_detail p{font-size:20px}.invoice__header--item1 span{font-size:18px;font-weight:700}.invoice_header_company_detail span{font-size:20px}.invoice__header--item2{display:flex;justify-content:space-between}.invoice__header--item2 p{font-size:18px}.invoice__header--item2 span{font-size:18px;font-weight:700}.table--heading3{display:grid;grid-template-columns:25px 500px 1fr 1fr 1fr;grid-gap:10px;padding:10px 30px!important;font-weight:600;background-color:#8092f8;color:#fff;font-size:20px}.table--heading3 p{background:none!important}.py1{padding-left:40px;padding-right:40px}.table--items3{display:grid;grid-template-columns:25px 500px 1fr 1fr 1fr;grid-gap:10px;align-items:center;border-bottom:1px solid #e0e0e0;padding:10px 30px!important;font-size:16px;color:#000}.table--items--transactionId3{color:#000;font-weight:500}.invoice__subtotal{display:grid;grid-template-columns:1fr 1fr;grid-gap:200px;padding-top:10px;padding-left:40px;padding-right:40px}.invoice__subtotal--item1{display:flex;justify-content:space-between;align-items:center;margin-top:30px;margin-bottom:20px}.invoice__subtotal--item1 p{font-size:20px;padding-left:55px}.invoice__subtotal--item1 span{font-size:20px}.invoice__subtotal--item2{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.invoice__subtotal--item2 p{font-size:20px;padding-left:55px}.invoice__subtotal--item2 span{font-size:20px}.invoice__total{display:grid;grid-template-columns:1fr 1fr;grid-gap:150px;padding:25px}.grand__total{margin-top:50px;background-color:#fca120;color:#000}.grand__total--items{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:15px;padding:15px .5in;font-size:26px}.grand__total--items p,.grand__total--items span{font-size:26px}.table-container{width:100%;border-collapse:collapse}.responsive-table{width:100%;border-collapse:collapse;table-layout:fixed}.responsive-table th,.responsive-table td{padding:10px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:400px}.responsive-table th{background-color:#8092f8;white-space:nowrap}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-thumb{background-color:#888}.table-container::-webkit-scrollbar-thumb:hover{background-color:#555}.responsive-table th:nth-child(1),.responsive-table td:nth-child(1){width:65px}.responsive-table th:nth-child(2),.responsive-table td:nth-child(2){width:450px}.invoice-show-sub{font-size:1em;margin-left:3rem!important}.terms-font{font-size:15px}.footer-desktop-invoice{text-align:center}.discount-input{width:25%!important}.border-after-shipping{border-bottom:1px solid;margin-bottom:10px}.truncate-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12ch}.list-padding{padding:10px 10px 0}.list-padding h4,.list-padding p,.list-padding i{font-size:14px}.list-styles{border-bottom:1px solid #cccccc5c;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;margin-bottom:0!important}.list-padding-customer{padding:10px}.list-padding-customer h4,.list-padding-customer p,.list-padding-customer i{font-size:14px}@media (max-width: 768px){.responsive-table{display:block;width:100%}.responsive-table th,.responsive-table td{padding:10px;border:none;word-break:normal}.responsive-table th:nth-child(5),.responsive-table td:nth-child(5){width:140px}.responsive-table tr{margin-bottom:10px}.for-mobile-table{padding-left:15px!important}.for-mobile{float:right;margin-top:12px;margin-right:5px;padding:9px 5px!important}.nav-for-mobile{margin-right:10px}.icon-for-mobile,.nav-title-for-mobile{font-size:14px}.header-navbar{display:block}.mt-2{margin-top:1.5rem!important}.for-mobile-size{font-size:16px!important}.terms-font-for-mobile{font-size:14px}.footer-mobile-invoice{text-align:left!important}.client-list-email{font-size:14px!important}.truncate-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:9ch;font-size:14px!important;margin:0}.list-padding h4,.list-padding p,.list-padding i{font-size:14px}.list-padding-customer h4,.list-padding-customer p,.list-padding-customer i{font-size:16px}.status-pending,.status-completed{font-size:10px!important}.mobile-fit{width:360px!important}}@media (min-width: 1200px){.login-bg{margin-left:auto;margin-right:auto}}@media (max-width: 1024px){.responsive-table th,.responsive-table td{padding:8px;font-size:12px}.header-navbar{display:block}.for-mobile{float:right;margin-top:12px;margin-right:5px;padding:9px 5px!important}.icon-for-mobile,.nav-title-for-mobile{font-size:16px}.nav-for-mobile{margin-right:10px}}@media print{#printButton,#editButton,#deleteButton,#mailButton,.header-navbar,.status-inv,#depositButton,#downloadButton{display:none}.col-md-6{width:44%;display:inline-block;margin-right:3%;box-sizing:border-box;vertical-align:top;margin-left:3%}.offset-md-6{margin-left:53%}.row{width:100%;margin:0;padding:0}.col-md-6:nth-child(2n){margin-right:0}.responsive-table th:nth-child(2),.responsive-table td:nth-child(2){width:90%!important}.responsive-table th,.responsive-table td{word-break:normal}.responsive-table th{background-color:#8092f8!important;color:#000!important}.footer-desktop-invoice{text-align:center!important}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.login-spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.status-pending{color:orange;text-transform:capitalize;font-size:16px}.status-completed{color:green;text-transform:capitalize}.pagination-container{display:flex;justify-content:center;margin-top:20px}.pagination-container button{margin:0 10px}.is-invalid{border-color:red}.overdue{color:red}.paid{color:green}