:root{--primary-font: "Montserrat", sans-serif;--dark: #000000;--white: #ffffff;--bg-color: #ecf0f3;--bg-color2: #e0f3ff;--light-gray: #cbd5e1;--dark-gray: #94a3b8;--gray-text: #757575;--danger: #d92550;--success: #0dd157;--btn-color: #2651be;--btn-hover-color: #3f6ad8;--input-bg: #ffffff63}body,*{margin:0;padding:0;box-sizing:border-box;font-family:var(--primary-font)}h1,h2,h3,h4{font-family:var(--primary-font);font-size:1.875rem;font-weight:600;line-height:normal}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}.navbar{background:var(--bg-color);padding:12px 24px 24px}.navbar .nav-container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--white);border-radius:6px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;font-family:var(--primary-font)}.navbar .nav-container .sidebar-btn{display:none;background:rgba(0,0,0,0);border:none;font-size:24px;margin-right:10px}@media(max-width: 992px){.navbar .nav-container .sidebar-btn{display:block}}.navbar .nav-container .dashboard-logo{font-family:var(--primary-font);font-size:20px;font-weight:700;text-decoration:none;color:var(--btn-color)}.navbar .nav-container .nav-links{display:flex;align-items:center;gap:5px;list-style:none;padding:0px;margin:0px}.navbar .nav-container .nav-links li a{display:flex;justify-content:center;align-items:center;border-radius:50%;width:40px;height:40px;color:var(--dark-gray);text-decoration:none;font-size:20px;transition:.3s}.navbar .nav-container .nav-links li a:hover{background:var(--bg-color2);color:var(--btn-color)}.navbar .nav-container .nav-links li .user-dp{width:40px;height:40px;border-radius:50%;margin-left:20px;overflow:hidden}.navbar .nav-container .nav-links li .user-dp img{width:100%;height:100%}.main-content-wrapper{box-sizing:border-box;display:flex;background-color:var(--bg-color);width:100%;padding:0px 1rem;gap:30px}.main-content-wrapper .sidebar{display:flex;flex-direction:column;justify-content:space-between;width:256px;background:#fff;border-radius:6px;position:sticky;top:24px;bottom:24px;min-height:85.5vh;height:100%;padding:24px;margin-bottom:24px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;transition:.3s}.main-content-wrapper .sidebar .collapse-btn{position:absolute;width:20px;right:-20px;top:54px;border-radius:0px 6px 6px 0px;background:var(--white);padding:4px 4px 4px 0px;cursor:pointer;transition:.2s}.main-content-wrapper .sidebar .collapse-btn i{font-size:16px}.main-content-wrapper .sidebar ul{list-style:none;padding:0px}.main-content-wrapper .sidebar ul li{margin-bottom:8px}.main-content-wrapper .sidebar ul li a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px 12px;border-radius:8px;font-family:var(--primary-font);font-size:14px;font-style:normal;font-weight:600;color:var(--gray-text);transition:.3s}.main-content-wrapper .sidebar ul li a i{font-size:24px;color:gray}.main-content-wrapper .sidebar ul li a:hover{background:var(--bg-color2);color:var(--btn-color)}.main-content-wrapper .sidebar ul li a:hover i{color:var(--btn-color)}.main-content-wrapper .sidebar ul li a.active{background:var(--bg-color2);color:var(--btn-color)}.main-content-wrapper .sidebar ul li a.active i{color:var(--btn-color)}.main-content-wrapper .sidebar.collapsed{width:56px;padding:24px 10px}.main-content-wrapper .sidebar.collapsed .collapse-btn i{display:flex;transform:rotate(180deg)}.main-content-wrapper .sidebar.collapsed ul li a{justify-content:center}.main-content-wrapper .sidebar.collapsed ul li a span{display:none}@media(max-width: 992px){.main-content-wrapper .sidebar{display:none}.main-content-wrapper .sidebar.collapsed{position:sticky;top:24px}.main-content-wrapper .sidebar .collapse-btn{display:none}.main-content-wrapper .sidebar.show-sidebar{display:flex;position:fixed;z-index:9999;height:100vh;top:0px;max-width:256px;width:100%}.main-content-wrapper .sidebar.show-sidebar ul li a{justify-content:start}.main-content-wrapper .sidebar.show-sidebar ul li a span{display:inline !important}}.main-content-wrapper form{flex:1;width:100%}.main-content-wrapper .invoice-table{flex:1;width:100%}.txt-danger{color:var(--danger)}.txt-success{color:var(--success)}.d-flex{display:flex}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-space-between{justify-content:space-between}.items-center{align-items:center}.form-row{display:flex;flex-wrap:wrap;row-gap:.5rem;margin-left:-15px;margin-right:-15px;align-items:center}[form-col],[class*=form-col-]{position:relative;width:100%;padding:0 .8rem;box-sizing:border-box}.form-col{width:100%;flex:1;padding:0 .8rem}@media(max-width: 1200px){.form-col{flex:unset}}.form-col-05{width:5%}.form-col-1{width:8.33%}@media(max-width: 768px){.form-col-1{width:100%}}.form-col-14{width:14.28%}.form-col-2{width:16.66%}@media(max-width: 1200px){.form-col-2{width:41.66%}}@media(max-width: 768px){.form-col-2{width:100%}}.form-col-3{width:25%}@media(max-width: 1200px){.form-col-3{width:50%}}@media(max-width: 768px){.form-col-3{width:100%}}.form-col-4{width:33.33%}@media(max-width: 1200px){.form-col-4{width:50%}}@media(max-width: 768px){.form-col-4{width:100%}}.form-col-5{width:41.66%}@media(max-width: 768px){.form-col-5{width:100%}}.form-col-6{width:50%}@media(max-width: 768px){.form-col-6{width:100%}}.form-col-7{width:58.33%}.form-label{width:100%;font-family:var(--primary-font);font-size:12px;font-weight:600;color:var(--dark)}.form-label span{color:var(--danger)}.form-input{box-sizing:border-box;width:100%;border:1px solid var(--light-gray);border-radius:5px;padding:.5rem;outline:none;font-family:var(--primary-font);color:var(--dark);background:var(--input-bg);box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}.form-input::-moz-placeholder{color:var(--dark-gray)}.form-input::placeholder{color:var(--dark-gray)}.form-input:disabled{background-color:#f1f3f5;cursor:not-allowed}.form-input.right{text-align:right}.form-select{box-sizing:border-box;width:100%;border:1px solid var(--light-gray);border-radius:5px;padding:.5rem;font-family:var(--primary-font);color:var(--dark);background:var(--input-bg);box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;position:relative}.form-select::-ms-expand{display:none}.form-select::-moz-placeholder{color:var(--dark-gray)}.form-select::placeholder{color:var(--dark-gray)}.form-select:disabled{background-color:#f1f3f5;cursor:not-allowed}@keyframes tiltAnimation{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}.main-form-wrapper{padding:0px 0px 1rem;background-color:var(--bg-color);font-family:var(--primary-font)}.main-form-wrapper .main-form-heading{padding:24px 0px;margin-bottom:30px;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between}.main-form-wrapper .main-form-heading h1{font-family:var(--primary-font);font-size:30px;font-weight:600;line-height:normal}.main-form-wrapper .form-heading{padding:24px 0px}.main-form-wrapper .form-heading h1{font-family:var(--primary-font);font-size:24px;font-weight:600;line-height:normal;padding-bottom:4px;border-bottom:1px solid var(--light-gray)}.main-form-wrapper .form-heading-label{font-family:var(--primary-font);font-size:16px;font-weight:600;line-height:normal}.main-form-wrapper .form-heading-label span{color:var(--danger)}.main-form-wrapper h4.form-heading-label{padding-top:.5rem}.main-form-wrapper .date-field{display:flex;flex-direction:column;gap:6px}.main-form-wrapper .text-field{display:flex;flex-direction:column;gap:6px}.main-form-wrapper .select-field{display:flex;flex-direction:column;gap:6px;position:relative}.main-form-wrapper .select-field::after{content:"";position:absolute;right:10px;bottom:16px;width:6px;height:6px;border-bottom:2px solid var(--dark-gray);border-right:2px solid var(--dark-gray);transform:rotate(45deg);pointer-events:none}.main-form-wrapper .select-field:nth-child(2){margin-top:6px}.main-form-wrapper .delete-btn,.main-form-wrapper .add-btn{width:30px;height:30px;border:none;background:rgba(0,0,0,0);transition:.3s;padding:0 1rem}.main-form-wrapper .delete-btn i,.main-form-wrapper .add-btn i{font-size:24px;color:var(--danger);height:auto;transition:.3s ease-in-out}.main-form-wrapper .delete-btn:hover,.main-form-wrapper .add-btn:hover{cursor:pointer;animation:tiltAnimation .3s infinite ease-in-out}.main-form-wrapper .delete-btn:hover i,.main-form-wrapper .add-btn:hover i{scale:1.1}@media(max-width: 1200px){.main-form-wrapper .delete-btn,.main-form-wrapper .add-btn{margin-top:auto}}@media(max-width: 768px){.main-form-wrapper .delete-btn,.main-form-wrapper .add-btn{margin-left:auto}}.main-form-wrapper .add-btn i{color:var(--success)}.main-form-wrapper .form-items{background:var(--white);padding:25px 20px;border-radius:6px;display:flex;flex-direction:column;gap:.9rem}.main-form-wrapper .form-items .form-row{border-top:1px solid var(--light-gray);padding-top:.9rem}.main-form-wrapper .form-items .form-row:nth-child(1),.main-form-wrapper .form-items .form-row.no-border{border-top:none;padding-top:0px}.main-form-wrapper .text-row{background:var(--white);padding:.5rem 20px;border-radius:6px;margin-bottom:2rem}.main-form-wrapper .text-row p{margin-left:2rem}.main-form-wrapper .heading-row{margin-bottom:20px;padding:0px 20px}.main-form-wrapper .add-item-btn{display:flex;margin-left:auto;margin-top:20px;padding:10px 12px;border-radius:6px;background:var(--btn-color);border:none;color:var(--white);font-family:var(--primary-font);font-size:14px;transition:.3s;cursor:pointer}.main-form-wrapper .add-item-btn:hover{background:var(--btn-hover-color)}.main-form-wrapper .form-intro{background:var(--white);border-radius:6px;padding:30px 20px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}.main-form-wrapper .note-instruction{padding:20px 0px}.main-form-wrapper .note-instruction .form-items .text-field{max-width:300px;width:100%}@media(max-width: 768px){.main-form-wrapper .note-instruction .form-items .text-field{max-width:100%}}@media(max-width: 768px){.main-form-wrapper .note-instruction .heading-row{display:none}.main-form-wrapper .note-instruction .form-items [class*=form-col-]::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .note-instruction .form-items [class*=form-col-]:nth-child(1)::before{content:"Note Reference Code"}.main-form-wrapper .note-instruction .form-items [class*=form-col-]:nth-child(2)::before{content:"Description"}}.main-form-wrapper .reference-information{padding:0px}.main-form-wrapper .reference-information .form-items .text-field{max-width:300px;width:100%}.main-form-wrapper .reference-information .form-items .select-field{max-width:300px;width:100%}@media(max-width: 768px){.main-form-wrapper .reference-information .form-items .text-field{max-width:100%}.main-form-wrapper .reference-information .form-items .select-field{max-width:100%}}@media(max-width: 768px){.main-form-wrapper .reference-information .heading-row{display:none}.main-form-wrapper .reference-information .form-items [class*=form-col-]::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .reference-information .form-items [class*=form-col-]:nth-child(1)::before{content:"Reference Qualifier"}.main-form-wrapper .reference-information .form-items [class*=form-col-]:nth-child(2)::before{content:"Reference Information"}}.main-form-wrapper .communication-contact{padding:0px}@media(max-width: 1200px){.main-form-wrapper .communication-contact .heading-row{display:none}.main-form-wrapper .communication-contact .form-items [class*=form-col-]::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .communication-contact .form-items [class*=form-col-]:nth-child(1)::before{content:"Contact Function"}.main-form-wrapper .communication-contact .form-items [class*=form-col-]:nth-child(2)::before{content:"Name"}.main-form-wrapper .communication-contact .form-items [class*=form-col-]:nth-child(3)::before{content:"Communication Number Qualifier"}.main-form-wrapper .communication-contact .form-items [class*=form-col-]:nth-child(4)::before{content:"Communication Number"}}.main-form-wrapper .party-identification{padding:0px}.main-form-wrapper .party-identification .form-row{display:flex;justify-content:space-between}.main-form-wrapper .party-identification .form-row .form-col{max-width:300px}@media(max-width: 1200px){.main-form-wrapper .party-identification .form-row .form-col{max-width:50%}}@media(max-width: 768px){.main-form-wrapper .party-identification .form-row .form-col{max-width:100%}}@media(max-width: 1200px){.main-form-wrapper .party-identification .heading-row{display:none}.main-form-wrapper .party-identification .form-items .form-col::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .party-identification .form-items .form-col:nth-child(1)::before{content:"Identifier Code"}.main-form-wrapper .party-identification .form-items .form-col:nth-child(2)::before{content:"Name"}.main-form-wrapper .party-identification .form-items .form-col:nth-child(3)::before{content:"Identification Qualifier"}.main-form-wrapper .party-identification .form-items .form-col:nth-child(4)::before{content:"Identification Code"}.main-form-wrapper .party-identification .form-items .form-col:nth-child(5)::before{content:"Name"}}.main-form-wrapper .terms-of-sale{padding:0px}.main-form-wrapper .terms-of-sale .form-row{display:flex;justify-content:space-between}.main-form-wrapper .terms-of-sale .form-row .form-col{max-width:300px}@media(max-width: 1200px){.main-form-wrapper .terms-of-sale .form-row .form-col{max-width:50%}}@media(max-width: 768px){.main-form-wrapper .terms-of-sale .form-row .form-col{max-width:100%}}@media(max-width: 1200px){.main-form-wrapper .terms-of-sale .heading-row{display:none}.main-form-wrapper .terms-of-sale .form-items .form-col::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .terms-of-sale .form-items .form-col:nth-child(1)::before{content:"Term Type"}.main-form-wrapper .terms-of-sale .form-items .form-col:nth-child(2)::before{content:"Term Basic Date"}.main-form-wrapper .terms-of-sale .form-items .form-col:nth-child(3)::before{content:"Terms Discount Percent"}.main-form-wrapper .terms-of-sale .form-items .form-col:nth-child(4)::before{content:"Terms Discount Due Date"}.main-form-wrapper .terms-of-sale .form-items .form-col:nth-child(5)::before{content:"Terms Discount Days Due"}}.main-form-wrapper .date-time-reference{padding:0px}@media(max-width: 1200px){.main-form-wrapper .date-time-reference .heading-row{display:none}}.main-form-wrapper .date-time-reference .form-items .date-field{max-width:300px;width:100%}.main-form-wrapper .date-time-reference .form-items .text-field{max-width:300px;width:100%}.main-form-wrapper .date-time-reference .form-items .select-field{max-width:300px;width:100%}@media(max-width: 1200px){.main-form-wrapper .date-time-reference .form-items .date-field{max-width:100%}.main-form-wrapper .date-time-reference .form-items .text-field{max-width:100%}.main-form-wrapper .date-time-reference .form-items .select-field{max-width:100%}.main-form-wrapper .date-time-reference .form-items [class*=form-col-]::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .date-time-reference .form-items [class*=form-col-]:nth-child(1)::before{content:"Term Type"}.main-form-wrapper .date-time-reference .form-items [class*=form-col-]:nth-child(2)::before{content:"Term Basic Date"}.main-form-wrapper .date-time-reference .form-items [class*=form-col-]:nth-child(3)::before{content:"Terms Discount Percent"}}.main-form-wrapper .fob-related-instructions{padding:0px 0px 30px}.main-form-wrapper .measurements{padding:0px}@media(max-width: 1200px){.main-form-wrapper .measurements .heading-row{display:none}.main-form-wrapper .measurements .form-items [class*=form-col-]::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px}.main-form-wrapper .measurements .form-items [class*=form-col-]:nth-child(1)::before{content:"Measurement Reference ID Code"}.main-form-wrapper .measurements .form-items [class*=form-col-]:nth-child(2)::before{content:"Measurement Qualifier"}.main-form-wrapper .measurements .form-items [class*=form-col-]:nth-child(3)::before{content:"Measurement Value"}.main-form-wrapper .measurements .form-items [class*=form-col-]:nth-child(4)::before{content:"Units Of Measurement"}}.main-form-wrapper .inline-form{padding:1rem}.main-form-wrapper .inline-form .text-field{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.main-form-wrapper .inline-form .text-field label{width:50%}.main-form-wrapper .submit-form{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px 0px;border-top:1px solid var(--dark-gray)}.main-form-wrapper button{padding:14px 18px;border-radius:6px;border:none;color:var(--white);font-family:var(--primary-font);font-size:16px;transition:.3s;cursor:pointer}.main-form-wrapper button.clear-btn{background:var(--danger)}.main-form-wrapper button.clear-btn:hover{background:#e9446a}.main-form-wrapper button.submit-btn{background:var(--btn-color)}.main-form-wrapper button.submit-btn:hover{background:var(--btn-hover-color)}.invoice-table{padding:0px 0px 24px;overflow:hidden}.invoice-table .heading-content{padding:24px 0px;margin-bottom:30px;border-bottom:1px solid var(--light-gray)}.invoice-table .heading-content h1{font-family:var(--primary-font);font-size:30px;font-weight:600;line-height:normal}.invoice-table .heading-content .searchbar{display:flex;align-items:center;width:100%;margin-top:20px;border-radius:0px 5px 5px 0px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}.invoice-table .heading-content .searchbar .filter-btn{display:flex;align-items:center;height:45px;gap:6px;padding:10px 20px;border-radius:5px 0px 0px 5px;background:var(--btn-color);border:none;color:var(--white);font-family:var(--primary-font);font-size:14px;transition:.3s;cursor:pointer}.invoice-table .heading-content .searchbar .filter-btn:hover{background:var(--btn-hover-color)}.invoice-table .heading-content .searchbar .search-input{display:flex;align-items:center;width:100%;flex:1;height:45px;border:none;border-radius:0px 5px 5px 0px;padding:10px;outline:none;font-family:var(--primary-font);color:var(--dark);background:var(--white)}.invoice-table .heading-content .searchbar .search-input i{font-size:20px}.invoice-table .heading-content .searchbar .search-input input{box-sizing:border-box;width:100%;border:none;background:rgba(0,0,0,0);padding:10px;outline:none;font-family:var(--primary-font);font-size:16px}.invoice-table .heading-content .searchbar .search-input input::-moz-placeholder{color:var(--dark-gray)}.invoice-table .heading-content .searchbar .search-input input::placeholder{color:var(--dark-gray)}.invoice-table .table-container{background:var(--white);padding:15px;border-radius:6px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;width:100%;overflow-x:auto}.invoice-table .table-container table{border-collapse:collapse;width:100%;min-width:1260px}@media(max-width: 768px){.invoice-table .table-container table{min-width:100%}}.invoice-table .table-container table thead{border-bottom:1px solid #ddd}@media(max-width: 768px){.invoice-table .table-container table thead{display:none}}.invoice-table .table-container table thead tr{text-align:left;padding:8px}.invoice-table .table-container table thead tr th{font-family:var(--primary-font);font-size:14px;font-weight:600;color:var(--dark)}.invoice-table .table-container table tbody tr{text-align:left;padding:8px}.invoice-table .table-container table tbody tr:nth-child(2n){background:var(--bg-color)}.invoice-table .table-container table tbody tr td{font-family:var(--primary-font);font-size:14px;font-weight:500;color:var(--dark);padding:20px}.invoice-table .table-container table tbody tr td button,.invoice-table .table-container table tbody tr td a{background:rgba(0,0,0,0);border:none;cursor:pointer}.invoice-table .table-container table tbody tr td button i,.invoice-table .table-container table tbody tr td a i{font-size:20px}.invoice-table .table-container table tbody tr td button.btn-delete,.invoice-table .table-container table tbody tr td a.btn-delete{color:var(--danger);margin-right:6px}.invoice-table .table-container table tbody tr td button.btn-edit,.invoice-table .table-container table tbody tr td a.btn-edit{color:var(--btn-color)}@media(max-width: 768px){.invoice-table .table-container table tbody tr td{display:flex;justify-content:flex-start;padding:15px}.invoice-table .table-container table tbody tr td::before{display:flex;font-family:var(--primary-font);font-size:12px;font-weight:600;line-height:normal;margin-bottom:6px;width:50%;margin-right:30px}.invoice-table .table-container table tbody tr td:nth-child(1)::before{content:"Date"}.invoice-table .table-container table tbody tr td:nth-child(2)::before{content:"Invoice NO."}.invoice-table .table-container table tbody tr td:nth-child(3)::before{content:"Partner"}.invoice-table .table-container table tbody tr td:nth-child(4)::before{content:"NO. of items"}.invoice-table .table-container table tbody tr td:nth-child(5)::before{content:"Gross amount"}.invoice-table .table-container table tbody tr td:nth-child(6)::before{content:"Acknowledgement (997)"}.invoice-table .table-container table tbody tr td:nth-child(7)::before{content:"Action"}}@media(max-width: 576px){.invoice-table .table-container table tbody tr td{padding:10px}.invoice-table .table-container table tbody tr td::before{width:42%;margin-right:15px;word-break:break-all}}.invoice-table .table-container table tbody tr td a.btn-view{padding:0 .25rem}.invoice-table .table-container table.dash{width:initial;min-width:initial}.invoice-table .dt-pagination{display:flex;justify-content:space-between;align-items:center;background:var(--white);border-radius:6px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;padding:20px;margin-top:20px}@media(max-width: 576px){.invoice-table .dt-pagination{flex-direction:column;align-items:center;gap:20px}}.invoice-table .dt-pagination .num-of-rows{font-family:var(--primary-font);font-size:16px;font-weight:600;color:var(--dark)}.invoice-table .dt-pagination .pagination{display:flex;align-items:center;gap:10px;list-style:none;padding:0;margin:0}.invoice-table .dt-pagination .pagination li a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:8px;border-radius:2px;text-decoration:none;background:var(--bg-color);color:var(--dark);font-family:var(--primary-font);font-size:16px;transition:.3s}.invoice-table .dt-pagination .pagination li a.active{background:var(--btn-color);color:var(--white)}.invoice-table .dt-pagination .pagination li a:hover{background:var(--btn-color);color:var(--white)}.invoice-table .dt-pagination .pagination li a:hover i{color:var(--white)}.invoice-table .dt-pagination .pagination li a i{font-size:16px;font-weight:700;color:var(--btn-color)}.invoice-table .dt-pagination .pagination li.active a{background:var(--btn-color);color:var(--white)}.public{min-height:85vh}footer.footer{font-family:var(--primary-font);padding:1rem}.absolute-center{display:flex;justify-content:center;align-items:center;width:100vw}.absolute-center .notfound,.absolute-center .login{font-family:var(--primary-font);display:block;background:var(--white);padding:1rem;min-height:25dvh;width:95%;border-radius:6px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}@media(min-width: 768px){.absolute-center .notfound,.absolute-center .login{width:60%}}@media(min-width: 1200px){.absolute-center .notfound,.absolute-center .login{width:33%}}.absolute-center .notfound .emoji,.absolute-center .login .emoji{width:40%;padding-right:1rem}.absolute-center .notfound .emoji img,.absolute-center .login .emoji img{width:100%}.absolute-center .notfound .txt p,.absolute-center .login .txt p{margin-top:1rem}.absolute-center .notfound h1,.absolute-center .login h1{font-size:24px;font-weight:600;line-height:normal;padding-bottom:4px;border-bottom:1px solid var(--light-gray);margin-bottom:1rem}.absolute-center .notfound .text-field,.absolute-center .login .text-field{margin:1rem 0}.absolute-center .notfound .text-field .form-label,.absolute-center .login .text-field .form-label{font-size:1rem;line-height:1.3rem}.absolute-center .notfound{display:flex}button,a.btn{padding:.75rem 1rem;border-radius:6px;border:none;color:var(--white);font-family:var(--primary-font);font-size:1rem;transition:.3s;cursor:pointer;background:var(--btn-color)}button:hover,a.btn:hover{background:var(--btn-hover-color)}button.small,a.btn.small{padding:.6rem .8rem;font-size:.85rem}button.x-small,a.btn.x-small{padding:.5rem .75rem;font-size:.75rem}button.x-small.flat,a.btn.x-small.flat{padding:.25rem .5rem}div.menu-div{display:inline-block;position:relative}div.menu-div .menu-toggle-btn{cursor:pointer}div.menu-div img{width:2rem}div.menu-div .menu{display:none;width:165px;position:absolute;background-color:#fff;padding:.5rem;overflow-y:auto;left:auto;right:0;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;z-index:10000;text-align:right}div.menu-div .menu.show{display:initial}div.menu-div .menu ul li{text-align:left;margin:.25rem 0;padding:.25rem;cursor:pointer}div.menu-div .menu ul li:hover{background-color:#e0f3ff}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]).input-error,select.input-error{border-color:#f42424;background-color:rgba(244,67,54,.05) !important}.val-msg{color:#f42424;font-size:smaller}.error-msg{border:1px solid #f52626;background-color:rgba(244,67,54,.05) !important;color:#f42424;padding:.25rem 1.5rem;margin:.5rem 0}.warn-msg{border:1px solid #ffa600;background-color:rgba(244,67,54,.05) !important;color:#ffa600;padding:.4rem;margin:.5rem 0}.success-msg{border:1px solid #0dd157;background-color:rgba(13,200,80,.05) !important;color:#0dd157;padding:.5rem;margin:.5rem 0}.success-msg a{color:#0dd157}.success-msg a:hover{font-weight:bold}.date-range{font-family:var(--primary-font);font-size:1rem;display:flex;gap:1rem;align-items:center;background-color:var(--white);padding:.2rem .5rem;margin-right:1rem;border-radius:5px 5px 5px 5px;width:75%}.date-range .form-input{width:initial}.partner-list{font-size:.9rem;display:flex;gap:.5rem;align-items:center}span.status.acknowledged{color:#ffab40}span.status.shipped{color:#7c4dff}span.status.invoiced{color:#54b4d3}span.status.qty-plus{color:green}span.status.qty-minus{color:red}img#view_logo:hover{cursor:pointer !important}@media print{.po-items{font-size:10px}.po-items .form-col{flex:1}.po-items .form-col .form-heading-label{font-size:10px}}.dashboard{font-family:var(--primary-font);display:grid;gap:1rem}@media(min-width: 576px){.dashboard{grid-template-columns:repeat(2, 1fr)}.dashboard .recent-po{grid-area:3/1/4/3}}@media(min-width: 1200px){.dashboard{grid-template-columns:repeat(3, 1fr)}.dashboard .recent-po{grid-area:2/2/3/4}}.dashboard .line-chart{margin-top:1rem}.w-05{width:5% !important}.w-10{width:10% !important}.w-15{width:15% !important}.w-20{width:20% !important}.w-25{width:25% !important}.w-30{width:30% !important}.w-35{width:35% !important}.w-40{width:40% !important}.w-45{width:45% !important}.w-50{width:50% !important}.w-55{width:55% !important}.w-60{width:60% !important}.w-65{width:65% !important}.w-70{width:70% !important}.w-75{width:75% !important}.w-80{width:80% !important}.w-85{width:85% !important}.w-90{width:90% !important}.w-95{width:95% !important}.w-100{width:100% !important}.u-text-center{text-align:center !important}.u-text-right{text-align:right !important}.m-0{margin:0 !important}.m-1{margin:.5rem !important}.my-1{margin:.5rem 0 !important}.my-2{margin:1rem 0 !important}.mt-1{margin:.5rem 0 0 0 !important}.mb-1{margin:0 0 .5rem 0 !important}.ml-2{margin-left:2rem !important}.p-1{padding:.5rem !important}.py-1{padding:.5rem 0 !important}.p-2{padding:2rem !important}.u-flex{display:flex}.u-flex.align-center{align-items:center}.u-gap-05{gap:.5rem}.u-gap-1{gap:1rem}.u-none{display:none !important}.add-sub{display:flex}.add-sub i{padding:.5rem;border-radius:6px;border:none;font-family:var(--primary-font);font-size:16px;transition:.3s;border:1px solid var(--light-gray);background-color:#f1f3f5;cursor:pointer}.form-sub-heading{background:var(--white);padding:15px 20px;border-radius:6px;margin:1rem 0}.form-sub-heading h2{font-family:var(--primary-font);font-size:18px;font-weight:600;line-height:normal;padding-bottom:4px}.status-dialog{background-color:var(--white);padding:1rem;border-radius:6px;box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px;border:1px;color:var(--dark);font-family:var(--primary-font);font-size:.85rem;transition:.3s}.status-dialog ul.the-list{margin:.75rem 2rem}i.bi-clock{cursor:pointer}/*# sourceMappingURL=app.css.map */