@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);:root{--black:#15243a;--accent-blue:#2e3192;--accent-orange:#ef6b4d;--unit:20px}*,:after,:before{box-sizing:border-box;font-family:Open Sans,sans-serif;font-size:20px;font-size:calc(var(--unit)*1);margin:0;padding:0;scroll-behavior:smooth}.parent{width:100%}.parent .container{height:100%;margin:auto;max-width:1400px}.next-btn{align-items:center;background:#2e3192;background:var(--accent-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;max-width:200px;outline:none;width:50px}.next-btn svg{scale:1.5}.step-btn-box{gap:20px}.prev-btn,.step-btn-box{align-items:center;display:flex;justify-content:center}.prev-btn{background:hsla(0,0%,50%,.455);border:none;border-radius:5px;color:#2e3192;color:var(--accent-blue);cursor:pointer;height:50px;max-width:200px;outline:none;width:50px}.prev-btn svg{scale:1.5}.login-parent{display:flex;height:100svh}.login-parent .login-left,.login-parent .login-right{height:100%;width:50%}.login-parent .login-left{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.login-parent .login-left .form-box{align-items:left;display:flex;flex-direction:column;gap:calc(var(--unit)*2);justify-content:center}.login-parent .login-left .form-box .img-container{padding-bottom:100px;width:40%}.login-parent .login-left .form-box .img-container .logo{width:200px}.login-parent .login-left .form-box h2{font-size:calc(var(--unit)*2.2);font-weight:700;line-height:100%}.login-parent .login-left .form-box form{align-items:left;display:flex;flex-direction:column;gap:5px;width:100%}.login-parent .login-left .form-box form input{border:1px solid #dadada;border-radius:5px;height:50px;outline:none;padding:0 20px;width:100%}.login-parent .login-left .form-box form .login-btn{background:var(--accent-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 30px;width:fit-content}.login-parent .login-left .form-box form .remember-me{align-items:center;display:flex;justify-content:space-between;padding:5px}.login-parent .login-left .form-box form .remember-me span{align-items:center;display:flex;gap:8px;justify-content:center}.login-parent .login-left .form-box form .remember-me span input{border-radius:5px;cursor:pointer;width:16px}.login-parent .login-left .form-box form .remember-me p,.login-parent .login-left .form-box form .remember-me span p{font-size:18px}.login-parent .login-right{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.login-parent .login-right img{width:70%}@media(max-width:1000px){.login-right{display:none!important}.login-left{width:100%!important}}@media(max-width:500px){.form-box{padding:10px}.img-container{padding-bottom:30px!important}}.sidebar-parent{align-items:center;background:var(--black);border-radius:10px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;display:flex;flex-direction:column;height:calc(100svh - 10px);justify-content:space-around;margin:5px;transition:width .3s ease}.sidebar-parent.open{width:240px}.sidebar-parent.close{width:100px}.sidebar-parent .logo-section{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:10px 5px}.sidebar-parent .logo-section img{height:100%;transition:all .3s ease;width:100%}.sidebar-parent .logo-section .large-lg{height:auto;transition:all .5s ease;width:200px}.sidebar-parent .logo-section .small-lg{height:45px;transition:all .3s ease;width:auto}.sidebar-parent .sidebar-links{display:flex;flex-direction:column;gap:15px;padding:0 5px;width:100%}.sidebar-parent .sidebar-links .link{border:1px solid #dadada;border-radius:5px;width:100%}.sidebar-parent .sidebar-links .link .link-text{align-items:center;display:flex;gap:10px;height:100%!important;justify-content:left;padding:10px 15px;width:100%!important}.sidebar-parent .sidebar-links .link .link-text span svg{scale:1.5}.sidebar-parent .sidebar-links .link .link-text.hidden{justify-content:center!important}.sidebar-parent .sidebar-links .link .link-text.hidden p{display:none}.sidebar-parent .sidebar-links .link a{color:hsla(0,1%,81%,.784);text-decoration:none}.sidebar-parent .sidebar-links .link.active,.sidebar-parent .sidebar-links .link:hover{background:#2563eb;border:1px solid #2563eb;transition:all .3s ease}.sidebar-parent .sidebar-links .link.active a,.sidebar-parent .sidebar-links .link:hover a{color:#fff}.sidebar-parent .close-div{position:relative;width:100%}.sidebar-parent .close-div .close-btn{align-items:center;background:#1d4ed8;border:none;border-radius:100%;color:#fff;cursor:pointer;display:flex;justify-content:center;outline:3px solid #fff;padding:15px;position:absolute;right:-20px;top:0;z-index:1}.sidebar-parent .close-div .close-btn svg{scale:1.5}.sidebar-parent .close-div .close-btn:hover{background:#2563eb}.main-layout{display:flex;height:100svh}.main-layout .main-content{border-radius:10px;height:calc(100% - 10px);margin:5px;overflow:auto;width:100%}.invoice-a4{background:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:12px;justify-content:space-between;min-height:297mm;padding:5mm;position:relative;width:210mm}.invoice-a4 .bg-box{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.invoice-a4 .bg-box .bg{opacity:.1;scale:1.5}.invoice-a4 table{border-collapse:collapse;margin-top:10px;width:100%}.invoice-a4 table td,.invoice-a4 table th{border:1px solid #ccc;font-size:16px;padding:6px;text-align:left}.invoice-a4 h2{font-size:20px;padding:10px;text-align:center}.invoice-a4 .titles{align-items:flex-start;display:flex;justify-content:space-between;padding:0 0 20px}.invoice-a4 .titles img{padding-bottom:10px;width:300px}.invoice-a4 .titles h1{color:var(--accent-blue);font-size:40px}.invoice-a4 .titles p{line-height:125%}.invoice-a4 .titles p span{font-weight:600}.invoice-a4 .titles .invoice-information{padding:0}.invoice-a4 .titles .invoice-information h1{line-height:100%;padding-bottom:30px}.invoice-a4 .border{display:flex;height:10px}.invoice-a4 .border .line1{background:var(--accent-blue);height:100%;width:33.33%}.invoice-a4 .border .line2{background:var(--accent-orange);height:100%;width:33.33%}.invoice-a4 .border .line3{background:var(--accent-blue);height:100%;width:33.33%}.invoice-a4 .company-information{padding:5px 0;width:50%}.invoice-a4 .company-information h2{padding:5px 0;width:fit-content}.invoice-a4 .company-information p{line-height:125%}.invoice-a4 .company-information p span{font-weight:600}.download-btn{background:#000;border:none;color:#fff;cursor:pointer;margin-top:20px;padding:8px 20px}.custom-box{border:none!important;text-align:right!important}.custom-box strong{font-size:16px!important}.authorised-signatory{padding:100px 0 0}.authorised-signatory p{font-weight:500;width:fit-content}.authorised-signatory .border-box{border-top:1px dotted #000;width:26%}.note{padding-top:5px}.note .note-head{font-size:14px}.digital-sign,.note p{color:#555;font-size:12px}.digital-sign{margin-top:5px}.dispatch-info{display:flex;width:100%}.dispatch-info .delivery-info{padding:5px 0;width:50%}.dispatch-info .delivery-info h2{padding:5px 0;width:fit-content}.dispatch-info .delivery-info p{line-height:110%}.dispatch-info .delivery-info p span{font-weight:600}p,span{font-size:16px}.generate-parent{gap:50px;height:100%}.generate-parent,.generate-parent .generate-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.generate-parent .generate-top{padding:25px;width:50%}.generate-parent .generate-top .generate-header{color:var(--accent-blue);font-size:28px;font-weight:600;margin-bottom:30px}.invoice-metadata-parent{border-radius:10px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:40px;padding:20px}.invoice-metadata-parent h2{color:var(--accent-blue);font-size:24px;text-align:center}.invoice-metadata-parent form{display:flex;flex-direction:column;gap:10px}.invoice-metadata-parent form .form-div-inner{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;position:relative;width:fit-content}.invoice-metadata-parent form .form-div-inner input{background:#0000;border:none;border-bottom:1px solid #000;cursor:pointer;font-size:16px;outline:none;padding:10px 10px 10px 0;width:350px}.invoice-metadata-parent form .form-div-inner input:focus{border-bottom:1px solid #dadada}.invoice-metadata-parent form .form-div-inner input:focus+span,.invoice-metadata-parent form .form-div-inner input:not(:placeholder-shown)+span{color:var(--accent-blue);font-size:14px;font-weight:600;transform:translateY(-25px)}.invoice-metadata-parent form .form-div-inner span{color:gray;font-size:16px;left:0;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}.buyer-parent{border-radius:10px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:40px;padding:20px}.buyer-parent h2{color:var(--accent-blue);font-size:24px;text-align:center}.buyer-parent form{display:flex;gap:20px}.buyer-parent form .form-div-inner{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;position:relative;width:fit-content}.buyer-parent form .form-div-inner input{background:#0000;border:none;border-bottom:1px solid #000;cursor:pointer;font-size:16px;outline:none;padding:10px 10px 10px 0;width:350px}.buyer-parent form .form-div-inner input:focus{border-bottom:1px solid #dadada}.buyer-parent form .form-div-inner input:focus+span,.buyer-parent form .form-div-inner input:not(:placeholder-shown)+span{color:var(--accent-blue);font-size:14px;font-weight:600;transform:translateY(-25px)}.buyer-parent form .form-div-inner span{color:gray;font-size:16px;left:0;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}.left-form,.right-form{display:flex;flex-direction:column;gap:10px}.left-form h3,.right-form h3{padding-bottom:10px}.check-box{display:flex;gap:5px}.check-box input{cursor:pointer;width:15px}.check-box span{align-items:center;display:flex;justify-content:center}.product-parent{border-radius:10px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:40px;padding:20px}.product-parent h2{color:var(--accent-blue);font-size:24px;text-align:center}.product-table-head,.product-table-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr 1fr .5fr;margin-bottom:10px}.product-table-head{color:var(--accent-blue);font-weight:600}.product-table-head p{padding:10px;text-align:center}.product-table-row input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px;width:100%}.product-table-row button{background:red;border:none;padding:10px;width:100%}.add-btn,.product-table-row button{align-items:center;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center}.add-btn{background:var(--accent-blue);border:none;outline:none;padding:5px}.gst-parent{border-radius:10px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:40px;padding:20px}.gst-parent h2{color:var(--accent-blue);font-size:24px;text-align:center}.gst-parent form{display:flex;flex-direction:column;gap:10px}.gst-parent form .form-div-inner{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;position:relative;width:fit-content}.gst-parent form .form-div-inner input{background:#0000;border:none;border-bottom:1px solid #000;cursor:pointer;font-size:16px;outline:none;padding:10px 10px 10px 0;width:350px}.gst-parent form .form-div-inner input:focus{border-bottom:1px solid #dadada}.gst-parent form .form-div-inner input:focus+span,.gst-parent form .form-div-inner input:not(:placeholder-shown)+span{color:var(--accent-blue);font-size:14px;font-weight:600;transform:translateY(-25px)}.gst-parent form .form-div-inner span{color:gray;font-size:16px;left:0;pointer-events:none;position:absolute;top:10px;transition:all .3s ease}.preview-btn{align-items:center;background:var(--accent-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;outline:none;padding:10px}.preview-btn svg{scale:1.2}
/*# sourceMappingURL=main.683b9bf8.css.map*/