vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.subHeading{color:#3c3f43}.flexContainer{display:flex;flex-wrap:wrap;align-content:stretch;justify-content:space-around;border-radius:15px;align-items:stretch}.centerContainer{display:flex;justify-content:center}.billForm{flex-grow:0}.billFormNonEditable,.billFormEditable{padding-top:15;padding-right:0;padding-left:0;padding-bottom:15}.detailsLayout{border:1px solid black;border-radius:15px}vaadin-grid{box-shadow:var(--lumo-box-shadow-m);border-radius:15px;overflow:hidden;height:88vh}vaadin-grid.rentBillSupplier_grid{box-shadow:var(--lumo-box-shadow-s);border-radius:0;height:70vh}vaadin-grid.subscription_grid{height:25vh}vaadin-grid.masterCashBook_grid{height:30vh}vaadin-button.quickBtn{height:64px;width:64px;border-radius:20%;font-size:32px;background:#fff}vaadin-button.credit_CashBtn{font-size:18px;background:#333232;height:36px;--lumo-primary-text-color: cyan;border:1px solid white}.cashBook_menuBar{border-radius:5px;box-shadow:inset 0 0 0 1px var(--lumo-contrast-80pct)}vaadin-combo-box-overlay::part(content){font-weight:700}vaadin-select-overlay::part(content){font-weight:700}vaadin-select-item[selected]{font-weight:700}vaadin-combo-box-item[selected]{font-weight:700}.popupLayout{background:var(--lumo-contrast-10pct)}.vl1{background-color:#bab3e5;--lumo-primary-text-color: white}.vl2{background-color:#d3b3e5;--lumo-primary-text-color: white}.vl3{background-color:#e0b3e5;--lumo-primary-text-color: #eac797}.vl4{background-color:#ea97af;--lumo-primary-text-color: #97b5ea}.hlCustomerMain{display:flex;flex-wrap:wrap;align-content:stretch;padding:0}.newCustomerDialog{background:var(--lumo-contrast-5pct)}.vlCustomer{display:flex;flex-wrap:wrap;align-items:stretch;align-content:stretch;padding:5px;background:var(--lumo-contrast-5pct)}.popupFooter{padding:0 5px 0 0}vaadin-menu-bar-button{border-radius:10px;background:#07a211;margin:8px 0 5px 5px}.menuItemColor{color:var(--lumo-contrast-90pct);font-weight:700}.menuBarColor{background:var(--lumo-contrast-5pct)}.menuButton{border-radius:10px}.appName{border-radius:10px;background:#035e07;padding:5px;color:#fff}vaadin-grid.rentBillSupplier_grid::part(header-cell){background:#bacbe8;color:#000;box-shadow:var(--lumo-box-shadow-s)}vaadin-grid.agreement_grid{height:60vh}vaadin-grid.agreement_grid_agree{height:50vh}vaadin-grid.rep_grid{height:85vh}vaadin-grid.rep_grid_s{height:80vh}vaadin-grid.cashBook_grid_small{height:40vh}vaadin-grid.cashBook_grid_large{height:75vh}vaadin-grid::part(header-cell){background:#515994;box-shadow:var(--lumo-box-shadow-s);color:#fff;font-weight:700}vaadin-grid::part(footer-cell){background:#515994;box-shadow:var(--lumo-box-shadow-s);color:#fff;font-weight:700}vaadin-grid-sorter::part(indicators){color:#fff}.rentalMachSupplierHl{display:flex;align-content:center;justify-content:space-between}vaadin-big-decimal-field.txtBillNetAmt::part(input-field){color:green;font-weight:700}vaadin-big-decimal-field.txtBillGrossAmt::part(input-field){color:#00f;font-weight:700}vaadin-big-decimal-field.txtBalToPay::part(input-field){color:red;font-weight:700}.signUpForm{display:flex;background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:15px 30px 30px;flex-grow:1;align-items:stretch;align-content:stretch}.cashReceipt{display:flex;background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:15px 0 0;flex-grow:1}.vlCashReceipt{padding:0 10px 10px}.addNewItem{display:flex;background:var(--lumo-contrast-5pct);box-shadow:var(--lumo-box-shadow-m);border-radius:0 0 15px 15px;padding:15px}.addNewItemHeader{display:flex;box-shadow:var(--lumo-box-shadow-m);background-color:#0e4d7e;padding:15px 15px 0;border-radius:15px 15px 0 0}.buttonLayout{display:flex;justify-content:space-between}.branchLayout{display:flex;padding:0}.miscReceiptsLayout{display:flex;background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:15px 30px 30px}.masterCashBookLayout{display:flex;background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:10px}.widgets{border-radius:10px;font-size:18px;width:80px;padding:10px}.dashMain{display:flex;flex-wrap:wrap}vaadin-tab[selected]{font-weight:700;font-size:16px;color:#d3e915}vaadin-tab{font-weight:700;font-size:16px;color:#0087fg}vaadin-tabsheet.green::part(tabs-container){background-image:linear-gradient(60deg,#326c3a 50%,#129ecc 1%);border-radius:30px 30px 0 0}vaadin-tabsheet.blue::part(tabs-container){background-image:linear-gradient(120deg,#326c3a 50%,#129ecc 1%);border-radius:30px 30px 0 0}vaadin-tabsheet::part(content){padding:0}vaadin-tab:before{background:transparent}.vlAgreeStatus{background-image:linear-gradient(to bottom,#3498db 3px,var(--lumo-contrast-50pct) 70px,var(--lumo-contrast-5pct));border-radius:30px;color:#fff}.agreeStatusContainer{display:flex;flex-grow:1;flex-flow:wrap;justify-content:space-around;align-items:stretch}.vlQuickProcess{background:#326c3a;border-radius:0 0 30px 30px;color:#fff}.vlQuickReports{background:#129ecc;border-radius:0 0 30px 30px;color:#000}.vlAgree{--lumo-primary-text-color: #3398ff}.vlRentBill{--lumo-primary-text-color: #b25182}.vlCr{--lumo-primary-text-color: #129a2e}.vlCrt{--lumo-primary-text-color: #c86666}.vlAll{background-color:#b3c5e5;color:#fff}.cashReceiptLayout{display:flex;background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:15px 30px 30px;align-items:stretch;align-content:stretch}:root{--brand-primary: #0e4d7e}vaadin-login-overlay-wrapper[theme~=reno-login-theme]{--lumo-primary-color: var(--brand-primary)}vaadin-login-overlay-wrapper[theme~=reno-login-theme] [part=brand]{background-color:var(--brand-primary);color:#fff}vaadin-login-overlay-wrapper[theme~=reno-login-theme] vaadin-text-field,vaadin-login-overlay-wrapper[theme~=reno-login-theme] vaadin-password-field{--vaadin-input-field-value-color: var(--lumo-contrast-90pct);--lumo-body-text-color: var(--lumo-contrast-90pct);color:var(--lumo-contrast-90pct)}vaadin-login-overlay-wrapper[theme~=reno-login-theme] [part=label]{color:var(--lumo-contrast-80pct)!important}vaadin-login-overlay-wrapper[theme~=reno-login-theme] vaadin-button[theme~=primary]{background-color:var(--brand-primary);color:#fff}vaadin-login-overlay-wrapper[theme~=reno-login-theme] [part=forgot-password]{color:var(--brand-primary);font-weight:700;text-decoration:underline}.responsive-dashboard-grid{display:flex;flex-direction:column;gap:2rem;width:100%}@media(min-width:1024px){.responsive-dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:10px}}.status-pill-container{display:flex!important;flex-wrap:wrap!important;gap:16px!important;width:100%;box-sizing:border-box;padding-top:15px}.status-pill-container .messages-button{height:48px!important;border-radius:24px!important;flex:1 1 0px!important;min-width:180px!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;box-shadow:var(--lumo-box-shadow-s);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;overflow:visible!important}.status-pill-container .messages-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--lumo-box-shadow-m)}@media(max-width:900px){.status-pill-container .messages-button{flex:1 1 45%!important}}@media(max-width:550px){.status-pill-container .messages-button{flex:1 1 100%!important}}.dashboard-column-card{border:1px solid var(--lumo-contrast-20pct);border-radius:12px;background-color:var(--lumo-base-color);overflow:hidden;box-shadow:var(--lumo-box-shadow-xs)}.dashboard-section-header{background-color:var(--lumo-primary-color-10pct);padding:14px 16px;border-bottom:1px solid var(--lumo-contrast-10pct);font-size:var(--lumo-font-size-l);font-weight:600;color:var(--lumo-primary-text-color);margin:0}.model-list-row{padding:16px!important;cursor:pointer;background-color:transparent;transition:background .2s;border-bottom:1px solid var(--lumo-contrast-10pct)}.model-list-row:hover{background-color:var(--lumo-contrast-5pct)}.model-icon-box{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.bg-green{background:#2ecc71}.bg-blue{background:#3498db}.bg-orange{background:#f39c12}.bg-purple{background:#9b59b6}.bg-red{background:#e74c3c}.bg-red-alt{background:#d35400}.bg-cyan{background:#1abc9c}.bg-blue-alt{background:#2980b9}.bg-green-alt{background:#27ae60}.rep-active-view{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;overflow:hidden}.mobile-optimized-grid{flex:1;min-height:0;border:none}.mobile-optimized-grid::part(first-footer-row-cell){display:none;visibility:hidden}.responsive-header{flex-shrink:0;height:35px;display:flex;padding:0 8px 0 16px;align-items:center}.cell-layout{display:flex;flex-direction:column;line-height:1.2;justify-content:center}.compact-title{font-weight:800;font-size:var(--lumo-font-size-m);color:var(--lumo-primary-text-color);text-transform:uppercase;margin:0}.primary-text{font-weight:600;font-size:var(--lumo-font-size-s)}.secondary-text{font-size:var(--lumo-font-size-xs)}.item-details .secondary-text{color:var(--lumo-tertiary-text-color);font-weight:600}.mobile-link .secondary-text{color:var(--lumo-primary-text-color);font-weight:500}.money-text{font-weight:800;color:#ff9f43;text-align:right;width:100%}.green-phone-icon{width:14px;height:14px;min-width:14px;color:#28a745;margin-right:4px;flex-shrink:0}@media(max-width:600px){vaadin-grid::part(footer-cell){white-space:normal}}@media(min-width:1024px){.rep-active-view>.responsive-header,.rep-active-view>.mobile-optimized-grid{max-width:1100px;margin-inline:auto}}vaadin-context-menu-item hr{width:100%;border:0;border-top:1px solid var(--lumo-contrast-10pct);margin:4px 0}.details-container{padding:8px 12px;background-color:var(--lumo-contrast-10pct);border-left:3px solid var(--lumo-primary-color);margin:4px 8px;border-radius:var(--lumo-border-radius-s);font-size:var(--lumo-font-size-xs);color:#00a7ff;font-weight:700;display:flex;flex-direction:column;gap:4px}.details-label{color:#8a9a96;font-weight:700;text-transform:uppercase;font-size:.7rem;margin-right:4px;margin-left:4px}html,body{height:100vh;overscroll-behavior-y:none}.app-name{margin:var(--lumo-space-m);color:var(--lumo-success-color);font-weight:800;font-size:1.3rem;letter-spacing:-1px}vaadin-side-nav-item::part(link){border-radius:var(--lumo-border-radius-m);margin:2px var(--lumo-space-s);transition:background-color .1s}vaadin-side-nav-item[active]::part(link){background-color:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color)}body{transition:background-color .3s ease,color .3s ease}vaadin-app-layout [slot=content]{height:100%;display:flex;flex-direction:column}vaadin-app-layout::part(backdrop){z-index:200!important}vaadin-app-layout::part(drawer){z-index:201!important}.repDefaulters{display:flex!important;flex-direction:column!important;width:100%;height:100%!important;margin:0;padding:0;overflow:hidden;box-sizing:border-box}@media(min-width:1024px){.repDefaulters{height:98%!important}}.edit-dialog::part(content){background-color:var(--lumo-contrast-10pct)}.edit-dialog::part(header){background-color:var(--lumo-contrast-10pct);height:20px}html{--lumo-base-color: #e9eff3}*/ --------------------------------- */ .stretchContainer{display:flex;flex-flow:wrap;align-items:stretch;align-content:stretch}.flexWrapOnly{display:flex;flex-flow:wrap;flex-grow:1 1}:host([theme~="mobile"]) [part~=row]{min-height:44px}.repPurchasedMachines[width-range~="-599px"]{vaadin-board{padding:0}}vaadin-grid.styling-header::part(delete-header){font-size:var(--lumo-font-size-l);white-space:unset;color:red}vaadin-grid.first-footer-row-cell::part(first-footer-row-cell){display:none}vaadin-grid.warn::part(cell){background:#ff0}[theme~=light]{vaadin-grid::part(selected-row-cell){background:#9ec3dd}}[theme~=dark]{vaadin-grid::part(selected-row-cell){background:#1a5a2c}}vaadin-dialog-overlay::part(header){background-color:#8391d3}.searchForm{background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:15px 30px 30px;flex-grow:1}.customerForm{background:var(--lumo-contrast-5pct);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:0 15px 15px;flex-grow:1}.summary{display:flex;justify-content:space-between}.customerHl{background-color:#0e4d7e;padding:0}.customerHl_margin{background-color:#0e4d7e;padding:0 10px}.fields_margin{display:flex;background-color:#0e4d7e;justify-content:space-between;padding:0 5px;gap:5px}.fields_inner{display:flex;padding:0;gap:5px}.footerLayout{padding:3px 5px}.topPaddingLayout{padding:15px 0 0}.customerHl_margin_all,.showNewMachs{background-color:#0e4d7e;padding:10px}.hlSummary_small{background-color:#0e4d7e;padding:0 10px}.hlSummary_small_noPadding{background-color:#0e4d7e;padding:0 0 0 10px}.hlPreDate{spacing:5px}.roundCornerButton{--lumo-border-radius-m: 1em}.hlSummary_large{display:flex;background-color:#0e4d7e;padding:0 10px;gap:100px}.workSiteHl{background-color:#2d6b9b;padding:0 0 0 5px}.buttonLayout{display:flex;justify-content:end;padding:0 5px}.sidePadding{padding:0 12px}.buttonRound{border-radius:10px}.buttonLayout_previousAgree{display:flex;justify-content:space-between;padding:0 5px}.whatsappColour{color:#25d366}.pdfColour{color:red}.rupeeColour{color:#3da5b8}.hlTxtFields{display:flex;justify-content:end;background-color:#0e4d7e;padding:0 5px}.addMachineLayout[theme~=sarams-theme]{background:#d9e2f1}::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-contrast-50pct);background-color:var(--lumo-contrast-5pct)}.link-button{color:#ffc300;font-weight:700}.link-button::part(label){text-decoration:underline}.smallViews{display:flex;background-image:linear-gradient(to bottom,var(--lumo-contrast-50pct) 50px,var(--lumo-contrast-5pct) 8px);box-shadow:var(--lumo-box-shadow-m);border-radius:15px;padding:15px;flex-grow:1;align-items:stretch;align-content:stretch;max-width:420px}html{--vcf-nav-child-indent: var(--lumo-space-m)}vcf-nav{padding:0;font-size:var(--lumo-font-size-m);color:var(--lumo-body-text-color)}vcf-nav::part(label){text-transform:uppercase;font-size:var(--lumo-font-size-xs)}vcf-nav-item::part(item){border-inline-start:2px solid transparent}vcf-nav-item[active]::part(item){border-inline-start-color:var(--lumo-primary-color)}vaadin-app-layout::part(drawer){width:300px}.floating-menu{position:fixed;z-index:10000;height:56px;padding:4px;background:var(--lumo-primary-color);color:#fff;border-radius:999px;box-shadow:0 10px 28px #00000059;cursor:grab;user-select:none;touch-action:none;overflow:hidden;white-space:nowrap;transition:transform .15s ease-out,width .2s ease}.floating-menu:active{cursor:grabbing}.floating-menu:not(.expanded){width:56px}.floating-menu:after{content:"▶";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;pointer-events:none}.floating-menu.expanded:after{content:""}.floating-menu.measuring{position:absolute;visibility:hidden;width:auto!important}.floating-menubar{background:transparent}vaadin-menu-bar-button{border-radius:999px}.responsive-container{width:95%;height:95vh;padding:10px}@media(min-width:800px){.responsive-container{width:450px;height:auto;margin:0 auto;padding:10px;border-radius:15px}}.my-curved-border-div{border-width:2px;border-style:solid;border-color:#2f4f4f;border-radius:15px;padding:10px;margin:0 0 10px;color:#eee}.rechargeStatusLayout{border-radius:15px;padding:10px;background-color:#303030;margin:0 0 5px;color:#fff}.expand-me{flex-grow:1;flex-basis:100%;font-weight:700}.small-comboBox{--vaadin-input-field-height: 20px;width:150px}.small-comboBox::part(input-field){padding-top:0;padding-bottom:0}vaadin-combo-box.small-comboBox::part(label){font-weight:700;color:#fc3}vaadin-combo-box.small-comboBox::part(input-field) ::slotted(input){caret-color:transparent!important;cursor:pointer!important}vaadin-combo-box.small-comboBox::part(clear-button){cursor:pointer!important}vaadin-combo-box.small-comboBox::part(toggle-button){cursor:pointer!important}