@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:600;list-style:none}.navbar{position:fixed;top:0;left:0;right:0;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;background-color:#f4e0b8;color:red}.navbar-logo{font-size:2.5rem;font-weight:900;border-bottom:5px solid;cursor:pointer;filter:drop-shadow(0 0 1px black);color:#ff3838;text-decoration:none}.navbar-logo:hover{color:#d60000}.nav-link{position:relative;float:left}.nav-link a{color:#7e7463;padding:20px;display:block;text-decoration:none}.nav-link a:hover{color:#392f1d}.nav-sub{position:absolute;background-color:#f4e0b8;display:none}#subL:hover .nav-sub{display:initial}.nav-sub-link{width:100%;border-top:1px solid black;display:block}.hamburger{display:none;cursor:pointer}.bar{background-color:#615a4c;display:block;width:35px;height:5px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.bckg{width:90%;background-color:#f8f1e2;min-height:600px;padding:20px;margin:100px auto auto;border-radius:.5rem}dialog{margin:auto;width:600px;height:500px;border:none}.login-bckg{margin-top:100px}.login-head{margin-bottom:50px;color:#ff3838;cursor:pointer;font-size:2.9rem;border-bottom:5px solid;text-align:center}.login-head:hover{color:#d60000}.login-form{background-color:#f4e0b8;width:30%;margin:auto;padding:2rem;border:1px solid;height:fit-content;border-radius:10px}.dashboard-section{display:flex;gap:1rem;flex-wrap:wrap}.bill-section{padding-right:23px;flex-grow:1}.qr-code-section{flex-grow:3}.bill-input{display:flex;gap:1rem;flex-wrap:wrap}.input-item{flex-grow:9}.input-qty{flex-grow:1;display:flex;flex-direction:column;align-items:flex-end}.input-qty div,.input-qty input{width:100%}.input-add{margin-top:9px}.bill-input-dates{display:flex;flex-wrap:wrap;margin-top:20px}.bill-input-optional{display:flex;flex-wrap:wrap;margin-top:22px}.order-date{flex-grow:1}.delivery-date{flex-grow:1;display:flex;flex-direction:column;align-items:flex-end}.delivery-date div,.delivery-date input{width:100%}.order-remark{display:flex;flex-direction:column;align-items:flex-end;flex-grow:1}.order-remark div,.order-remark textarea{width:85%}.input-address{flex-grow:2}.input-address textarea{width:100%}.btn-bill{text-align:center}.tblBill table{border:2px solid black;border-collapse:collapse;width:100%;text-align:center}.tblBill td{padding:3px;border:1px solid black;border-collapse:collapse;font-size:14px;font-family:Lora,serif;font-weight:600}.tblBill th{border:1px solid black;border-collapse:collapse;font-size:40px;border-bottom:2px solid}.bill-desc,.bill-descbill{display:flex;justify-content:space-between;margin-top:20px;font-size:14px;font-family:Lora,serif;font-weight:600;margin-bottom:20px}.bill-descbill div,.bill-desc div{border-bottom:2px solid}.mainBill{border:1px solid black;padding:50px}.mainBilldiv{text-align:center;border:1px solid black;padding:60px 437px}.seconddiv-addbill{font-size:13px!important}.desc-seconddiv h2{font-size:1.1em!important}.service-section{display:flex;gap:1rem;flex-wrap:wrap}.service-form{flex-grow:3}.service-input{width:90%;padding:6px 10px;margin:4px 0}.filter-input{padding:6px 10px;margin:0 10px;border-radius:10px}.btn{padding:7px;margin:13px 1px;cursor:pointer;width:100px;border-radius:5px}.btn-add{background-color:#fdecc9}.btn-add:hover{background-color:#f1bd55}.btn-reset{background-color:#d5d2cd}.btn-reset:hover{background-color:#a7a095}.tbl-btn{padding:3px;margin-right:1px;cursor:pointer;border-radius:5px}.btn-edit{background-color:#cee6f3}.btn-edit:hover{background-color:#9dd4f1}.btn-del{background-color:#fcb0b0}.btn-del:hover{background-color:#ff8a8a}.service-table{flex-grow:7}.tblContainer{height:400px;border:2px solid gray;border-radius:5px;overflow:auto}.tblContainer table{border-collapse:collapse;width:100%}.tblContainer th{text-align:center;padding:8px}.tblContainer td{text-align:center;padding:8px;font-size:14px;font-family:Lora,serif;font-weight:600}.tblContainer tr:nth-child(2n){background-color:#dfd8ce}.rec-section{width:50%;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.rec-btn{width:fit-content;padding:7px 12px;border-radius:30px;align-items:center;font-size:13px;margin-top:20px}.otp{margin-top:20px}.opacity-50{background-color:gray}.cursor-not-allowed{cursor:not-allowed}.alert{display:flex;justify-content:space-between;align-items:center;gap:10px;background-color:#f7c359;border-radius:4px;border-left:8px solid hsl(40,100%,50%);width:300px;height:50px;position:absolute;top:400px;left:-300px;transition:1s ease-in}.alert.show{transform:translate(950px)}.alert.hide{transform:translate(-300px);display:none}.alert-body{padding:15px}.alert-close{cursor:pointer;background-color:#fdba35;border-radius:4px;padding:15px}.alert-close span{transition:all .3s ease-in-out}.alert-close:hover>span{transform:translateY(-5px)}.alert-msg{padding:0 10px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:85px;height:85px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.spinner-container{width:100%;height:100%!important;position:absolute;top:0;z-index:0;background-color:#0000006b;display:flex;align-items:center;justify-content:center;overflow:hidden}.otpdiv.hide,.spinner-container.hide{display:none!important}.spinner-container.show{display:flex!important}.otpdiv.show{display:block}.bcOID{font-size:60px}.bcDD{font-size:30px}.cleancologo{width:12.3em!important}.desc-firstdiv{text-align:center;display:flex;flex-direction:column;align-items:center}.desc-firstdivbill{text-align:center;display:flex;flex-direction:column;align-items:start;text-decoration:underline}.display-hdr{display:flex;justify-content:center}@media print{.print-only{display:none!important}}@media (max-width: 768px){.log{width:9em!important}.seconddiv-addbill{font-size:9px!important}.desc-seconddiv h2{font-size:1em!important}.desc-seconddiv{font-size:12px!important}.bill-descbill{font-size:10px!important}.hamburger{display:block}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.navbar-menu{background-color:#f4e0b8;position:absolute;top:100%;left:0;right:0;border-top:1px solid;display:none;transition:.6s}.navbar-menu.active{display:initial}.nav-link{width:100%}.nav-sub{position:relative;width:100%}.nav-sub-link{background-color:beige;padding-left:30px}.service-form-btn{display:flex;justify-content:end}.service-form-btn *{width:30%}.rec-section{width:100%;gap:100px}.alert{left:0;font-size:14px}.alert.show{transform:translate(40px)}.alert.hide{transform:translate(-40px);display:none}.login-form{width:100%;padding:1rem;border:1px solid;border-radius:10px}.login-head{font-size:45px}.order-remark{align-items:flex-start!important}.bill-input-dates{gap:8px}.bill-input-optional{gap:10px}.bill-section{padding-right:0}.mainBilldiv{text-align:center;padding:20px}.desc-seconddivbill{font-size:19px}}.outerDivTVS *{font-weight:400!important}.mainBillTVS{max-width:72mm;font-weight:400;height:auto;border:1px solid gray;padding:8px}.dialogTVS{margin:auto;width:72mm;height:auto;border:none}.cleancoLogoTVS{width:8.3 rem!important}.descriptionTVS{display:flex;flex-direction:column;justify-content:space-between}.desc-seconddivTVS{width:100%;color:gray;padding:1px 0;margin-top:1px;gap:10px;display:flex;flex-direction:column;align-items:center;border-top:1px solid gray;border-bottom:1px solid gray}.seconddiv-addTVS{color:gray;font-size:12px;text-align:center}.desc-seconddivTVS h2{font-size:1em!important;color:gray;font-size:12px!important}.bill-descTVS-first{color:gray;display:flex;flex-direction:column}.bill-descTVS-second{display:flex;gap:2px;flex-direction:column;text-align:right}.timeDescTVS{color:gray;display:flex;justify-content:center;margin:5px 0 8px}.custDetTVS{color:gray;padding:2px 0;gap:5px;font-size:12px;display:flex;flex-direction:column;border-top:1px solid gray;border-bottom:1px solid gray;margin-bottom:5px}.custNameTVS{color:gray}.tblBillTVS table{border:1px solid gray;border-collapse:collapse;width:100%;text-align:center}.tblBillTVS td{padding:1.5px;border:1px solid gray;border-collapse:collapse;font-size:9.5px}.bill-descTVS{display:flex;color:gray;justify-content:space-between;margin-top:1px;font-size:12px;font-family:Lora,serif}.labelStyleTVS{font-size:7px}.bill-last-firstTVS,.bill-last-secondTVS{border-bottom:1px solid gray;font-size:12.5px}.bill-lastTVS{display:flex;justify-content:space-between;margin-top:15px;color:gray}