.Invoice{background-color:#1f2937;background-color:var(--darker);border-radius:10px;cursor:pointer;padding:25px}.invoiceWrapper{align-items:center;color:#eee;color:var(--light);display:flex;justify-content:space-between}@media screen and (max-width:640px){.invoiceWrapper{grid-gap:10px 0;display:grid;gap:10px 0;grid-template-columns:repeat(2,1fr)}}.status{align-items:center;border-radius:10px;display:flex;gap:10px;padding:10px 13px}@media screen and (max-width:640px){.status{gap:5px;padding:5px}}.status .dote{border-radius:50%;height:12px;width:12px}.arrowIcon{color:gray;font-size:15px}@media screen and (max-width:640px){.arrowIcon{display:none!important}}.Home{background-color:gray;min-height:100vh}.Home .homeWrapper{margin:auto;padding-top:70px;width:50%}@media screen and (max-width:950px){.Home .homeWrapper{width:90%}}@media screen and (max-width:640px){.Home .homeWrapper{margin-right:10px}}.Home .homeWrapper .header{align-items:center;color:#eee;color:var(--light);display:flex;justify-content:space-between}@media screen and (max-width:640px){.Home .homeWrapper .header{margin-left:17px}}.Home .homeWrapper .header .logoInfo h2{font-size:2rem}.Home .homeWrapper .header .logoInfo span{margin-top:5px}.Home .homeWrapper .header .div1 .addBtn{align-items:center;background-color:#090985;border:none;border-radius:10px;color:#eee;color:var(--light);cursor:pointer;display:flex;gap:5px;outline:none;padding:5px 8px}.Home .homeWrapper .header .div1 .addBtn:hover{background-color:blue}.Home .homeWrapper .header .div1 .addBtn:active{opacity:.8}.Home .homeWrapper .header .div1 .addBtn .BtnIcon{border-radius:50%}.Home .homeWrapper .header .div1 .addBtn .name{font-size:18px}.Home .homeWrapper .invoicesContainer{display:flex;flex-direction:column;gap:30px;margin-top:50px}@media screen and (max-width:640px){.Home .homeWrapper .invoicesContainer{margin-left:10px}}.nav{background-color:#090985;height:100%;left:0;position:fixed;top:0;width:45px}.nav ul{align-items:center;display:flex;flex-direction:column;gap:45px;margin-top:40px;text-decoration:none}.nav ul li .icon{color:#eee;color:var(--light);font-size:2rem}.nav ul li .icon:hover{color:blue;cursor:pointer}.nav ul li .icon:active{opacity:.8}.Login{align-items:center;background:linear-gradient(rgba(54,54,54,.5),rgba(0,0,0,.7)),url(https://www.imaweb.com/wp-content/uploads/2020/11/iwg_logo_prod_hz_24dig-invoice.png) 50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.Login .wrapper{background-color:#6e6666;border-radius:10px;padding:20px;width:400px}.tableComponent{padding:10px}.tableComponent .tableForm .inputs .descriptions{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:20px;padding:15px}@media screen and (max-width:640px){.tableComponent .tableForm .inputs .descriptions{flex-direction:column;gap:20px;margin-bottom:5px;padding:15px}}.tableComponent .tableForm .inputs .descriptions .input{display:flex;flex:1 1;flex-direction:column;gap:7px}.tableComponent .tableForm .inputs .descriptions .input input{background-color:#d3d3d3;border:0;border-radius:5px;min-width:85%;outline:none;padding:10px}@media screen and (max-width:640px){.tableComponent .tableForm .inputs .descriptions .input input{min-width:100%}}.tableComponent .tableForm .inputs .amountForm{align-items:center;display:flex;gap:10px}@media screen and (max-width:640px){.tableComponent .tableForm .inputs .amountForm{flex-direction:column;margin-bottom:7px;padding:15px}}.tableComponent .tableForm .inputs .amountForm input{background-color:#d3d3d3;border:0;border-radius:5px;outline:none;padding:3px}@media screen and (max-width:640px){.tableComponent .tableForm .inputs .amountForm input{min-width:100%}}.tableComponent .tableForm .inputs .amountForm .totalPrice{align-items:center;background-color:#d3d3d3;display:flex;justify-content:center;margin-top:15px}.tableComponent .tableForm .submitBtn{background-color:blue;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:5px}.tableComponent .tableForm .submitBtn:hover{background-color:#111157}.tableComponent .tableForm .submitBtn:active{opacity:.8}.tableComponent table{margin-top:20px}.tableComponent table thead{background-color:#d3d3d3;font-size:18px;font-weight:700}.tableComponent table button{border:none;outline:none}.tableComponent table button .DeleteIcon{color:#830b0b;cursor:pointer}.tableComponent table button .DeleteIcon:hover{color:red}.tableComponent table button .DeleteIcon:active{opacity:.5}:root{--dark:#374151;--darker:#1f2937;--darkest:#111827;--grey:#6b7280;--purple:#8b5cf6;--light:#eee}*,:after,:before{margin:0;padding:0}a{color:inherit;text-decoration:none}.CreateInvoice{background-color:#d3d3d3;height:100%;padding-top:25px}.CreateInvoice .invoiceForm{background-color:#f5f5f5;margin:auto;max-width:800px}@media screen and (max-width:640px){.CreateInvoice .invoiceForm{margin:0 10px;max-width:100%}}.CreateInvoice .invoiceForm .formContainer .inputSections{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:20px;padding:15px}@media screen and (max-width:640px){.CreateInvoice .invoiceForm .formContainer .inputSections{flex-direction:column;gap:20px;margin-bottom:5px;padding:15px}}.CreateInvoice .invoiceForm .formContainer .inputSections .input{display:flex;flex:1 1;flex-direction:column;gap:7px}.CreateInvoice .invoiceForm .formContainer .inputSections .input input{background-color:#d3d3d3;border:0;border-radius:5px;min-width:85%;outline:none;padding:10px}@media screen and (max-width:640px){.CreateInvoice .invoiceForm .formContainer .inputSections .input input{min-width:100%}}.CreateInvoice .invoiceForm .formContainer .note{display:flex;flex-direction:column;gap:15px;margin-top:40px;padding:0 15px}.CreateInvoice .invoiceForm .formContainer .note textarea{background-color:#fff;border:2px solid rgba(60,131,246,.3);border-radius:.2rem;color:#616161;margin-bottom:2rem;outline:none;padding:.5rem}.CreateInvoice .invoiceForm .changes{background-color:blue;color:#fff;cursor:pointer;display:block;font-size:18px;margin:15px auto;padding:10px 0;width:80%}.InvoiceDetail{background-color:#d3d3d3;min-height:100vh;padding-top:25px}.InvoiceDetail .invoiceDetailsWrapper{background-color:#f5f5f5;margin:auto;max-width:900px;padding:15px}.InvoiceDetail .invoiceDetailsWrapper .invoiceHeader{align-items:center;display:flex;justify-content:space-between}.InvoiceDetail .invoiceDetailsWrapper .invoiceHeader .invoiceBtns{align-items:center;display:flex;gap:15px}.InvoiceDetail .invoiceDetailsWrapper .invoiceHeader .invoiceBtns .invoiceBtn{align-items:center;background-color:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:5px;outline:none;padding:5px 10px}.InvoiceDetail .invoiceDetailsWrapper .invoiceHeader .invoiceBtns .invoiceBtn:hover{background-color:#111141}.InvoiceDetail .invoiceDetailsWrapper .invoiceHeader .invoiceBtns .invoiceBtn:active{opacity:.8}.InvoiceDetail .invoiceDetailsWrapper .senderInfo{margin-top:35px;text-align:end}.InvoiceDetail .invoiceDetailsWrapper .buyerInfo{margin-top:35px}.InvoiceDetail .invoiceDetailsWrapper .invoiceDetails{margin-top:35px;text-align:end}.InvoiceDetail .invoiceDetailsWrapper .invoiceDetails .item{margin-bottom:5px}.InvoiceDetail .invoiceDetailsWrapper .invoiceDetails .item span{font-weight:700}.InvoiceDetail .invoiceDetailsWrapper .table{margin-top:35px}.InvoiceDetail .invoiceDetailsWrapper .table thead{background-color:#d3d3d3}.InvoiceDetail .invoiceDetailsWrapper .table thead .tableHeader{font-size:18px;font-weight:700}.InvoiceDetail .invoiceDetailsWrapper .total{margin-top:10px;text-align:end}.InvoiceDetail .invoiceDetailsWrapper .personnelNote{display:flex;gap:5px;margin:15px 0}.InvoiceDetail .invoiceDetailsWrapper .personnelNote .noteInsign{font-size:18px;font-weight:700}.InvoiceDetail .invoiceDetailsWrapper .personnelNote .noteInfo{max-width:500px}.InvoiceDetail .invoiceDetailsWrapper .paymentIndication{margin:10px 0}.InvoiceDetail .invoiceDetailsWrapper hr{margin:auto;width:80%}.InvoiceDetail .invoiceDetailsWrapper .finalDetails{line-height:2rem;margin:15px}.InvoiceDetail .invoiceDetailsWrapper .finalDetails span{font-weight:700}@media print{.no-print,.no-print *{display:none!important}}
/*# sourceMappingURL=main.42a63281.css.map*/