vaadin-app-layout::part(drawer){width:16em;background-color:var(--page-background)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item[current]{background-color:#fff}vaadin-side-nav-item[path]{color:#fff}vaadin-side-nav-item vaadin-icon{color:#fff}vaadin-side-nav-item[current] vaadin-icon{color:var(--lumo-primary-text-color)}vaadin-side-nav-item:hover vaadin-icon{color:var(--lumo-primary-text-color);margin:auto}vaadin-side-nav-item::part(content){font-size:smaller}vaadin-side-nav-item{max-width:13em;color:#fff;border-radius:5px;margin:3px auto}vaadin-side-nav-item:hover{background-color:#fff}[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;width:16em}[slot=drawer]:is(header,footer):is(:empty){display:none}.main-layout-header{height:10px;margin:auto}.main-layout-header img{width:40px;margin:0;padding:0}.main-layout-scroller{background-color:var(--lumo-primary-text-color)}.page-layout{background-color:var(--page-background)}.header-bar-layout{box-sizing:border-box;margin-right:30px;height:fit-content}.header-notification-component{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;background:var(--lumo-primary-color);border-radius:50%;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid rgba(255,255,255,.2)}.header-notification-component:hover{transform:translateY(-1px) scale(1.05);background:var(--lumo-primary-color)}.header-notification-component:active{transform:translateY(0) scale(.95);transition:all .1s ease}.header-notification-component vaadin-icon{font-size:smaller;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:2;position:relative}.header-notification-component:after{content:attr(data-notification-count);position:absolute;top:-8px;right:-5px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;border:2px solid #ffffff;animation:pulse 2s infinite;z-index:3}.header-notification-component[data-notification-count="0"]:after,.header-notification-component[data-notification-count=""]:after{display:none}@keyframes pulse{0%{transform:scale(1);box-shadow:0 2px 4px #0000004d}50%{transform:scale(1.1);box-shadow:0 4px 8px #0006}to{transform:scale(1);box-shadow:0 2px 4px #0000004d}}.header-notification-component:active:before{width:100%;height:100%;transition:width 0s,height 0s}.notification-body-layout{height:500px}.notification-body-layout h5{padding:5px}.notification-card{border:1px solid #eee;margin:5px auto;border-radius:5px;max-width:300px;box-sizing:border-box}.notification-card:hover{transform:translateY(-1px) scale(1.01);transition:.2s ease-in;cursor:pointer;border:1px solid #ddd}.notification-msg-list-item::part(name){font-weight:800}.header-bar-layout span{color:#fff;width:fit-content;height:auto;padding:3px;border-radius:100%;background-color:var(--lumo-primary-color)}.main-layout-footer{padding:0;margin:auto}.main-layout-footer vaadin-menu-bar{min-width:100%}.sub-menu-style{width:90%}.user-container{min-width:100%;margin:auto}.user-container vaadin-icon{align-items:baseline;font-size:18px}.user-container h6{box-sizing:border-box;width:100%}.user-profile-menu div{flex-direction:column}.menu-bar-style{margin:0;padding:0}.notification-msg-list-item::part(name){color:var(--lumo-primary-color)}.pending-session-notification-card{background-color:#e7eee9}.side-bar-footer-section{color:var(--sub-text-color-deeper);min-width:100%;font-size:smaller;box-sizing:border-box;align-items:center;gap:7px}.side-bar-footer-section vaadin-icon{font-size:smaller}.loading-indicator-component{color:var(--sub-text-color-deeper);font-size:medium;margin:auto}.loading-indicator-component img{width:30px}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in-bottom{animation:fadeInFromBottom .7s cubic-bezier(.23,1,.32,1) both}.dashboard-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.dashboard-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.dashboard-view .preview-container{display:contents}.dashboard-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.dashboard-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.dashboard-view[dragging] .layout:not([style*="gap:"]){gap:8px}.dashboard-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.dashboard-view .cover-overlay{position:absolute;border-radius:1px}.dashboard-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.dashboard-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.dashboard-view .overlays,.dashboard-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dashboard-view:not([dragging]) .drop-zones{pointer-events:none}.dashboard-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.dashboard-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.dashboard-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.dashboard-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.dashboard-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.dashboard-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.dashboard-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.dashboard-view[readonly] .drop-zones,.dashboard-view[readonly] .overlays,.dashboard-view[inline-editing] .drop-zones,.dashboard-view[inline-editing] .overlays{display:none}.dashboard-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.dashboard-view[dragging] vaadin-form-layout{padding:8px}.dashboard-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.dashboard-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.dashboard-form-layout{background-color:var(--page-background);width:100%;box-sizing:border-box}.dashboard-content-layout{border:1px solid #ddd;margin:5px;box-sizing:border-box;background-color:#fff;border-radius:5px;padding:10px}.dashboard-header{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;padding:10px;border-radius:8px;box-shadow:var(--lumo-box-shadow-xs);font-family:var(--theme-font)}.dashboard-header h4{font-size:24px;margin-bottom:5px}.dashboard-header span{color:var(--sub-text-color-deeper)}.progress-bar-component{box-sizing:border-box;padding:8px;border-radius:5px}.progress-bar-component .dashboard-progress-bar{height:20px;border-radius:50px;padding:0;background-color:#eee}.progress-bar-component:hover{transition:.3ms ease-out;box-shadow:var(--lumo-box-shadow-xs);cursor:pointer;background-color:#f5fbff}.progress-bar-component h6{font-size:10px}.dashboard-mini-table-layout vaadin-button{font-size:smaller;width:unset}.dashboard-float-card{box-sizing:border-box;border-radius:5px;font-size:smaller;color:var(--sub-text-color-deeper);font-size:var(--theme-font);background-color:#f3fbfe}.dashboard-float-card:nth-child(2){background-color:var(--lumo-primary-color);font-size:larger;color:#fff;font-weight:700}.dashboard-float-card:nth-child(2) h6{color:#fff}.dashboard-content-layout h6{font-size:15px}.dashboard-float-card:hover{box-shadow:var(--lumo-box-shadow-xs);transform:scale(1.01);cursor:pointer;transition:.1s ease-in;border:1px solid lightblue}.dashboard-transaction-details-header{width:100%;background-color:#e7ffeb;box-shadow:var(--lumo-box-shadow-xs);padding:15px 0;border-radius:10px}.dashboard-transaction-details-details{width:100%}.dialog-details-item-card{margin:10px auto;color:var(--sub-text-color-deeper);border-bottom:1px solid #ddd;padding:5px 0}.dashboard-transaction-details-layout vaadin-button{border:1px solid var(--lumo-primary-text-color);border-radius:10px}.dashboard-progress-bar-text-layout h6{font-size:10px}#simChartDiv{margin:0;padding:10px;box-sizing:border-box}.transaction-history-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.transaction-history-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.transaction-history-view .preview-container{display:contents}.transaction-history-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.transaction-history-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.transaction-history-view[dragging] .layout:not([style*="gap:"]){gap:8px}.transaction-history-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.transaction-history-view .cover-overlay{position:absolute;border-radius:1px}.transaction-history-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.transaction-history-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.transaction-history-view .overlays,.transaction-history-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.transaction-history-view:not([dragging]) .drop-zones{pointer-events:none}.transaction-history-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.transaction-history-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.transaction-history-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.transaction-history-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.transaction-history-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.transaction-history-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.transaction-history-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.transaction-history-view[readonly] .drop-zones,.transaction-history-view[readonly] .overlays,.transaction-history-view[inline-editing] .drop-zones,.transaction-history-view[inline-editing] .overlays{display:none}.transaction-history-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.transaction-history-view[dragging] vaadin-form-layout{padding:8px}.transaction-history-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.transaction-history-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.history-summary-flex-layout{border:1px solid rgb(223,223,223);min-width:100%;margin:10px auto;border-radius:10px;padding:20px;box-sizing:border-box;background-color:#fff}.history-filter-and-grid-session{padding:0}.history-report-button-layout{width:100%;margin:5px auto;padding:15px;border-radius:8px;background-color:#fff;box-shadow:var(--lumo-box-shadow-xs);box-sizing:border-box}.history-report-button-layout vaadin-button{width:fit-content}.transactions-filter-layout{align-items:baseline;margin:5px auto;box-sizing:border-box;padding:10px 15px;gap:20px;border-radius:8px;background-color:#fff;box-shadow:var(--lumo-box-shadow-xs)}.transactions-filter-layout .branch-selector{width:350px}.history-filter-export-buttons{width:fit-content;align-items:center}.history-filter-export-buttons .input-style{margin-right:10px;width:60%}.history-filter-export-buttons .menu-bar-style{background-color:transparent;width:fit-content;border-radius:5px;justify-content:baseline}.history-items-card-parent-layout{padding:10px;box-sizing:border-box;box-shadow:var(--lumo-box-shadow-xs);border-radius:10px;justify-content:center;align-items:center}.history-items-card-parent-layout vaadin-icon{font-size:large;color:var(--sub-text-color-deeper)}.history-items-card-div{margin:auto 10px;box-sizing:border-box;font-family:var(--theme-font)}.history-items-card-div h4{font-size:larger}.transaction-counter-element{background-color:var(--lumo-primary-color);color:#fff}.transaction-counter-element h4{color:#fff}.transaction-counter-element vaadin-icon{color:#fff}.total-transfer-element{background-color:#7ba8d4;color:#fff}.total-transfer-element h4{color:#fff}.total-transfer-element vaadin-icon{color:#fff}.airtime-element{background-color:#ffff4d;align-items:center;justify-content:center}.cash-in-element{background-color:#deffdf;justify-content:center}.cash-out-element{background-color:#ffebeb;color:#b54444;justify-content:center;font-family:var(--theme-font)}.cash-out-element h4{color:#c90606;font-size:larger}.cash-out-element vaadin-icon{color:#9b3333}.transaction-details-div{border:1px solid #eee;border-radius:10px;margin-top:15px;box-sizing:border-box;padding:15px;font-family:var(--theme-font);background-color:#fff}.transaction-details-div h3{padding:10px 0}.transaction-details-div .default-app-grid img{width:20px;font-size:smaller}.cash-out-label-style{color:#be0101}@media screen and (max-width:600px){.history-summary-flex-layout{flex-flow:column}.transactions-filter-layout{flex-flow:column;padding:auto 0}.transactions-filter-layout .branch-selector{width:100%}.history-filter-export-buttons .input-style{margin-right:0;width:100%}}.new-transaction-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.new-transaction-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.new-transaction-view .preview-container{display:contents}.new-transaction-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.new-transaction-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.new-transaction-view[dragging] .layout:not([style*="gap:"]){gap:8px}.new-transaction-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.new-transaction-view .cover-overlay{position:absolute;border-radius:1px}.new-transaction-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.new-transaction-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.new-transaction-view .overlays,.new-transaction-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.new-transaction-view:not([dragging]) .drop-zones{pointer-events:none}.new-transaction-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.new-transaction-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.new-transaction-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.new-transaction-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.new-transaction-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.new-transaction-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.new-transaction-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.new-transaction-view[readonly] .drop-zones,.new-transaction-view[readonly] .overlays,.new-transaction-view[inline-editing] .drop-zones,.new-transaction-view[inline-editing] .overlays{display:none}.new-transaction-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.new-transaction-view[dragging] vaadin-form-layout{padding:8px}.new-transaction-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.new-transaction-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.transactions-view-sections{border:1px solid #ddd;border-radius:10px;background-color:#fff;margin:0 auto}.open-transaction-section{max-width:800px}.open-transaction-section .physical-cash-field::part(input-field){font-size:24px;padding:20px 0;font-weight:700}.sim-card-header-div{align-items:center;padding:5px;border-radius:5px;margin:20px auto 0;box-sizing:border-box}.sim-cards-layout{width:100%;gap:15px;margin-bottom:10px;box-sizing:border-box;border:1px solid #ddd;padding:10px;border-radius:10px}.summary-sheet-layout{border:1px solid #ddd;background-color:#fff;border-radius:5px;box-sizing:border-box;box-shadow:var(--lumo-box-shadow-xs);max-width:35%;max-height:fit-content}.session-status-box{border:1px solid #ddd;padding:10px;box-sizing:border-box;border-radius:8px;background-color:#fff9f3;margin-top:-10px}.session-status-box span{font-size:medium;font-weight:600;color:var(--sub-text-color-deeper)}.transaction-dashboard-layout{gap:10px;width:100%;box-sizing:border-box;max-height:fit-content}.session-summary-item{box-sizing:border-box}.session-network-section{border-radius:5px;font-family:var(--theme-font);display:grid;box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:10px}.sim-card-item{padding:10px 5px;margin:5px;border-radius:5px;background-color:#f5f5f5bb;text-align:center;box-sizing:border-box;min-height:fit-content;justify-content:stretch;align-items:center}.sim-card-item:hover{transition:.3s ease;cursor:pointer;transform:scale(1.02);box-shadow:var(--lumo-box-shadow-xs)}.sim-card-item h4{font-weight:700;box-sizing:border-box;margin:5px}.network-transactions-count-label{margin:auto;text-align:center;color:var(--sub-text-color-deeper);font-size:14px;font-weight:600;grid-column:span 3;width:100%;text-wrap:wrap}.cashin-element{background-color:#e7ffe7b6;margin:5px;padding:10px;border-radius:8px;text-align:center;font-size:small;color:var(--lumo-primary-text-color);box-sizing:border-box;font-family:var(--theme-font)}.cashout-element{background-color:#ff837234;margin:5px;padding:10px;font-size:small;border-radius:8px;text-align:center;font-family:var(--theme-font);color:#cb0505;box-sizing:border-box}.transfer-element{background-color:#deeeffb9;margin:5px;padding:10px;font-size:small;border-radius:8px;text-align:center;font-family:var(--theme-font);box-sizing:border-box;text-wrap:wrap}.cashout-element h4{color:#e20000}.cashin-element h4,.cashout-element h4{font-size:18px}.dialog-warning-text{color:#a41818;border-left:5px solid rgb(171,81,81);background:#fee7e7;font-family:var(--theme-font);text-align:center;padding:10px;box-sizing:border-box;border-radius:8px;font-size:smaller;margin-bottom:8px}.close-session-dialog-body-layout{max-width:850px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;margin-top:5px}.session-closing-bal-row{line-height:normal;font-family:var(--theme-font)}.session-closing-bal-row .difference-input-field::part(input-field){font-size:large;min-width:100%;color:var(--lumo-primary-text-color);font-weight:700;font-family:var(--theme-font);border:1px solid #dddd}.session-opening-bal-row{border:1px solid #eee;box-sizing:border-box;padding:10px;border-radius:8px;margin:8px auto;background-color:#fcf6f6;color:var(--sub-text-color-deeper);font-weight:650}.badge-error-indicator::part(input-field){background-color:#ffe7e7;color:#a30f0f}.customer-name-field::part(input-field){font-size:18px;font-weight:700;text-align:center;align-items:center;text-transform:capitalize}.complain-button{width:fit-content;background-color:#fff;border:1px solid var(--lumo-primary-text-color);color:var(--lumo-primary-text-color)}.complain-button:hover,.branch-transfer-button:hover{background-color:var(--lumo-primary-text-color);color:#fff;border:none}.complaint-dialog-layout{border:1px solid rgb(234,234,234);border-radius:5px;color:red}.complaint-dialog-layout vaadin-text-area{width:100%;line-height:50px}.dialog-warning-div{background-color:#ffebeb;box-sizing:border-box;padding:20px;font-family:var(--theme-font);border-radius:5px;color:#c7604d}.dialog-warning-div vaadin-horizontal-layout{align-items:center;font-weight:700;border-bottom:1px solid #ffff;padding-bottom:10px}.pending-session-grid-part-name{color:#00f}.network-image-layout{border:1px solid #ddd;margin:5px auto;box-sizing:border-box;padding:10px;border-radius:5px;background-color:#f9f9f9}.implement-transaction-section{border:5px solid rgb(223,218,218)}.transaction-complain-layout{gap:10px}.branch-transfer-button{background-color:#fff;border:1px solid var(--lumo-primary-text-color);color:var(--lumo-primary-text-color);height:30px;transition:all .3ms ease}.transaction-params-layout{border:1px solid #ddd;background-color:#fff;border-radius:5px;box-sizing:border-box}.transaction-params-layout vaadin-radio-button-group{border:1px solid red}.customer-name-display-div{border:1px solid rgb(197,197,216);margin:5px 0;padding:20px 10px;border-radius:5px;box-sizing:border-box;background-color:#f9f0e7;text-align:center}.customer-name-display-div span{padding-bottom:10px;color:#427b9a;width:100%;text-align:start}.customer-name-display-div img{width:30px;background-color:#fff0f0;border-radius:50px;padding:5px}.display-network-type-layout{border:1px solid rgb(197,197,216);color:var(--sub-text-color);margin:5px 0;padding:15px;border-radius:5px;box-sizing:border-box}.money-and-amount-layout{align-items:center;justify-content:space-between}.money-and-amount-layout vaadin-button{height:40px;align-self:last baseline;align-items:last baseline}.transaction-type-radio-buttons{border:1px solid #c6c6c6;border-radius:5px;box-sizing:border-box;padding:10px;background-color:#eee}.transaction-type-radio-buttons vaadin-radio-button{font-weight:600}.session-indicator-text{font-family:var(--theme-font);font-size:larger;margin:5% auto;box-shadow:var(--lumo-box-shadow-xs);box-sizing:border-box;background-color:var(--lumo-primary-text-color);height:fit-content;max-width:500px;padding:40px;color:#ffffffce;text-transform:uppercase;align-items:center;justify-content:center;border-radius:5px}.session-indicator-text h1{color:var(--lumo-primary-text-color);font-weight:700;margin-bottom:20px;background-color:#fff;padding:20px;border-radius:20px;text-align:center}.customer-number-field::part(input-field){padding:10px;font-size:24px;font-weight:800}.transaction-amount-field{background-color:#0e2b4f;color:#fff;box-sizing:border-box;border-radius:5px;padding:9px;margin-top:5px}.transaction-amount-field::part(label){color:var(--sub-text-color);border:none}.transaction-amount-field::part(input-field){padding:20px 10px;font-size:24px;color:#fff;font-weight:800;background-color:#0c2e5a}.transaction-amount-field::part(vaadin-icon){color:#fff;font-weight:800}.branch-transfer-dialog-layout vaadin-text-area{width:100%;line-height:50px}@media screen and (max-width: 768px){.transaction-dashboard-layout{flex-direction:column}.transaction-params-layout,.summary-sheet-layout{max-width:100%}.sim-cards-layout{flex-direction:column}.session-network-section{display:flex;flex-flow:column;gap:normal}}@media screen and (max-width: 500px){.sim-card-item{max-width:100%;flex-direction:column}.session-summary-item,.session-closing-bal-row{flex-direction:column}.session-closing-bal-row .difference-input-field{min-width:100%}.money-and-amount-layout{flex-direction:column;width:100%;line-height:10px;padding:0;margin:5px 0}.money-and-amount-layout vaadin-button{min-width:100%;margin-top:-10px}}.staff-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.staff-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.staff-view .preview-container{display:contents}.staff-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.staff-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.staff-view[dragging] .layout:not([style*="gap:"]){gap:8px}.staff-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.staff-view .cover-overlay{position:absolute;border-radius:1px}.staff-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.staff-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.staff-view .overlays,.staff-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.staff-view:not([dragging]) .drop-zones{pointer-events:none}.staff-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.staff-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.staff-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.staff-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.staff-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.staff-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.staff-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.staff-view[readonly] .drop-zones,.staff-view[readonly] .overlays,.staff-view[inline-editing] .drop-zones,.staff-view[inline-editing] .overlays{display:none}.staff-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.staff-view[dragging] vaadin-form-layout{padding:8px}.staff-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.staff-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.superadmin-body-layout{box-sizing:border-box;padding:20px;border:1px solid #ddd;background-color:#fff;border-radius:5px;box-shadow:var(--lumo-box-shadow-xs)}.registration-section-layout{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.registration-section-layout h3{border-bottom:1px solid #ddd;width:100%;padding-bottom:5px}.superadmin-split-layout{border:8px solid var( --lumo-shade-5pct);width:100%;box-sizing:border-box}.superadmin-split-layout div{border:5px solid red}.limits-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.limits-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.limits-view .preview-container{display:contents}.limits-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.limits-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.limits-view[dragging] .layout:not([style*="gap:"]){gap:8px}.limits-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.limits-view .cover-overlay{position:absolute;border-radius:1px}.limits-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.limits-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.limits-view .overlays,.limits-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.limits-view:not([dragging]) .drop-zones{pointer-events:none}.limits-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.limits-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.limits-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.limits-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.limits-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.limits-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.limits-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.limits-view[readonly] .drop-zones,.limits-view[readonly] .overlays,.limits-view[inline-editing] .drop-zones,.limits-view[inline-editing] .overlays{display:none}.limits-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.limits-view[dragging] vaadin-form-layout{padding:8px}.limits-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.limits-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.complaints-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.complaints-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.complaints-view .preview-container{display:contents}.complaints-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.complaints-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.complaints-view[dragging] .layout:not([style*="gap:"]){gap:8px}.complaints-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.complaints-view .cover-overlay{position:absolute;border-radius:1px}.complaints-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.complaints-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.complaints-view .overlays,.complaints-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.complaints-view:not([dragging]) .drop-zones{pointer-events:none}.complaints-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.complaints-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.complaints-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.complaints-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.complaints-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.complaints-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.complaints-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.complaints-view[readonly] .drop-zones,.complaints-view[readonly] .overlays,.complaints-view[inline-editing] .drop-zones,.complaints-view[inline-editing] .overlays{display:none}.complaints-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.complaints-view[dragging] vaadin-form-layout{padding:8px}.complaints-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.complaints-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.chat-area{border:1px solid black}.chat-area vaadin-message-input{min-width:100%}.chat-area vaadin-message-input>vaadin-button{width:fit-content}.complaint-header-div{border-bottom:1px solid #fff;box-sizing:border-box;padding:0}.complaint-header-div span{box-sizing:border-box;margin:0;padding:0}.complaint-description-section{box-sizing:border-box;padding:20px;border-radius:5px;background-color:#fff;border:1px solid #ddd}.complaint-description-section span{box-sizing:border-box;color:var(--sub-text-color-deeper)}.complaint-details-dialog-parent-layout{max-width:800px;border:1px solid #ddd;border-radius:5px;margin-top:var(--lumo-font-size-s);box-sizing:border-box;padding:var(--lumo-font-size-xxs);box-shadow:var(--lumo-box-shadow-xs);background-color:#fff}.complaint-details-status-tag{display:inline-block;padding:4px 8px;border-radius:4px;box-sizing:border-box;margin:5px auto;color:var(--sub-text-color-deeper);font-size:14px;font-weight:500}.complaint-details-branch-container{border-radius:5px;margin:5px auto;padding:0}.complaint-details-item-three{align-items:center;box-sizing:border-box;padding:10px;font-size:14px;margin:8px auto;font-family:var(--theme-font);color:#b29c45;border:2px solid #fffad8;background-color:#ffffd9c7;line-height:normal}.complaints-grid-menu-bar{background-color:#fffad8;max-width:50px}.complaints-grid-menu-bar::part(menu-item){background-color:red}.complaints-filter-layout{width:100%;gap:10px}.complaints-filter-layout vaadin-select{max-width:90px}.complaint-details-item-one{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:10px;color:var(--sub-text-color);font-size:18px;font-weight:700;margin:8px auto;background-color:#f5f8ff}.complaints-number-details-div span{margin-left:-8px;font-size:larger}.complaint-grid-configuration-layout{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box}.complaint-grid-configuration-layout .default-app-grid img{max-width:25px}.complaint-stats-layout{align-items:center;justify-content:center;margin:15px auto}.complaint-card-div{border:1px solid rgb(235,235,235);width:100%;padding:10px;box-sizing:border-box;border-radius:10px;text-align:center;box-shadow:var(--lumo-box-shadow-xs)}.complaint-card-image{width:50px}.complaint-card-div-one{background-color:#fffbea}.complaint-card-div-one h6{color:#bc9a07}.complaint-card-div-three{background-color:#eaffea}.complaint-card-div-two{background-color:#ffe3e3}.complaint-card-div-two h6{color:#ca0505}.fraud-alert-dialog::part(content){font-family:var(--theme-font)}.fraud-alert-dialog::part(header){margin:0}.fraud-alert-dialog .dialog-title-component h3{margin:0;color:#ca0505}.fraud-dialog-body-layout{max-width:800px;padding:10px}.fraud-dialog-header{color:red}.fraud-dialog-info{color:#896803}.fraud-dialog-list{border-left:5px solid rgb(255,0,0);box-shadow:var(--lumo-box-shadow-xs);width:100%;box-sizing:border-box;border-radius:8px;padding:10px 30px;background-color:#ffeded}.fraud-dialog-list-item{color:brown;margin:3px 0}.fraud-dialog-warning{color:#896803;padding:10px;text-align:center;background-color:#f5e9d0;border-radius:5px;font-size:smaller}@media screen and (max-width: 760px){.complaint-stats-layout{flex-flow:column}}.audit-trails-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.audit-trails-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.audit-trails-view .preview-container{display:contents}.audit-trails-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.audit-trails-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.audit-trails-view[dragging] .layout:not([style*="gap:"]){gap:8px}.audit-trails-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.audit-trails-view .cover-overlay{position:absolute;border-radius:1px}.audit-trails-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.audit-trails-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.audit-trails-view .overlays,.audit-trails-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.audit-trails-view:not([dragging]) .drop-zones{pointer-events:none}.audit-trails-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.audit-trails-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.audit-trails-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.audit-trails-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.audit-trails-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.audit-trails-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.audit-trails-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.audit-trails-view[readonly] .drop-zones,.audit-trails-view[readonly] .overlays,.audit-trails-view[inline-editing] .drop-zones,.audit-trails-view[inline-editing] .overlays{display:none}.audit-trails-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.audit-trails-view[dragging] vaadin-form-layout{padding:8px}.audit-trails-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.audit-trails-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.audit-trill-component-layout{background-color:#fff;border:1px solid #ddd;border-radius:8px}.audit-trill-content-component{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;cursor:pointer}.trill-header-layout{gap:9px;align-items:center;width:100%}.trill-header-layout span{color:var(--sub-text-color);font-size:small}.trill-content-layout{width:100%;box-sizing:border-box;align-items:center;gap:10px}.trill-content-layout .message-content{padding:10px;box-sizing:border-box;background-color:#f4fcff;border-radius:7px;width:100%}.trill-content-layout .clear-button{place-self:inherit;color:gray;align-self:center;width:60px;margin:0 8px;padding:5px;text-align:center;border-radius:10px;font-size:smaller;border:1px solid var(--lumo-shade-90pct)}.trill-content-layout img{background-color:#eaf5fe;min-width:25px;padding:5px;border-radius:50%}.trill-content-layout .clear-button:hover{background-color:var(--lumo-primary-text-color);color:#fff;box-shadow:var(--lumo-box-shadow-xs);transition:.1s ease-in}.audit-trill-component-layout .branch-label{font-size:small;color:var(--sub-text-color-deeper);padding:5px;width:100%;box-sizing:border-box;font-weight:700;border-radius:10px;font-size:smaller}@media screen and (max-width: 670px){.trill-header-layout{flex-flow:column;align-items:center}.trill-content-layout{flex-flow:column;margin:10px 0;padding:0}.trill-content-layout .message-content{margin:1px}}.sim-manager-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.sim-manager-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.sim-manager-view .preview-container{display:contents}.sim-manager-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.sim-manager-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.sim-manager-view[dragging] .layout:not([style*="gap:"]){gap:8px}.sim-manager-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.sim-manager-view .cover-overlay{position:absolute;border-radius:1px}.sim-manager-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.sim-manager-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.sim-manager-view .overlays,.sim-manager-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sim-manager-view:not([dragging]) .drop-zones{pointer-events:none}.sim-manager-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.sim-manager-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.sim-manager-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.sim-manager-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.sim-manager-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.sim-manager-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.sim-manager-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.sim-manager-view[readonly] .drop-zones,.sim-manager-view[readonly] .overlays,.sim-manager-view[inline-editing] .drop-zones,.sim-manager-view[inline-editing] .overlays{display:none}.sim-manager-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.sim-manager-view[dragging] vaadin-form-layout{padding:8px}.sim-manager-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.sim-manager-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.analysis-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.analysis-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.analysis-view .preview-container{display:contents}.analysis-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.analysis-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.analysis-view[dragging] .layout:not([style*="gap:"]){gap:8px}.analysis-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.analysis-view .cover-overlay{position:absolute;border-radius:1px}.analysis-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.analysis-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.analysis-view .overlays,.analysis-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.analysis-view:not([dragging]) .drop-zones{pointer-events:none}.analysis-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.analysis-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.analysis-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.analysis-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.analysis-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.analysis-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.analysis-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.analysis-view[readonly] .drop-zones,.analysis-view[readonly] .overlays,.analysis-view[inline-editing] .drop-zones,.analysis-view[inline-editing] .overlays{display:none}.analysis-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.analysis-view[dragging] vaadin-form-layout{padding:8px}.analysis-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.analysis-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.report-master-detail-layout{border-radius:3px;border:1px solid #ddd;padding:20px;box-sizing:border-box;background-color:#fff}.report-body-scroller{box-sizing:border-box;border:1px solid rgb(227,227,227);height:calc(100vh - 200px);border-radius:5px}.report-body-section{box-sizing:border-box;border-radius:3px}.report-parameter-section{border:1px solid #ddd;box-shadow:var(--lumo-box-shadow-xs);border-radius:5px;box-sizing:border-box;padding:10px 30px;gap:15px}.report-parameter-section vaadin-button{height:38px;color:#fff;border:none;font-size:small;font-weight:600;transition:all .3s ease;align-self:last baseline}.report-parameter-section .input-style{width:100%}.reports-card-component{border:1px solid rgb(201,201,201);box-sizing:border-box;padding:10px;border-radius:5px;background-color:#fff;margin:8px auto;font-family:var(--alt-theme-font)}.reports-card-component:hover{box-shadow:var(--lumo-box-shadow-xs);transition:all .3s ease;border:1px solid rgb(222,222,222);cursor:pointer}.reports-card-component .reports-card-title{font-weight:600}.reports-card-component .reports-card-value{font-weight:800;flex-wrap:wrap;margin-top:5px}.reports-card-component .reports-card-counter{color:var(--sub-text-color);font-size:small}.reports-grid-layout{border:2px solid rgb(240,240,240);box-sizing:border-box;width:100%;border-radius:3px}.reports-network-branch-layout{width:100%;margin:10px auto}.reports-cashin-card h3,.reports-cashin-card span{color:#21c08b}.reports-cashout-card h3,.reports-cashout-card span{color:#dc0704}.reports-transfer-card h3,.reports-transfer-card span{color:#1176da}.reports-airtime-card h3,.reports-airtime-card span{color:#deba0b}.cash-label-style{color:var(--lumo-primary-color)}.insight-div{border:1px solid rgb(210,209,209);width:100%;border-radius:5px;padding:15px;box-sizing:border-box}.insight-div vaadin-button{margin:20px 0;text-align:center}.chart-container-layout{padding:5px}#transaction-chart-div{border:1px solid rgb(228,228,228);border-radius:5px;width:100%;padding:5px;box-sizing:border-box}.insight-content-text{background-color:#e3f9ff;padding:10px;box-sizing:border-box;border-radius:5px;color:#048686}@media screen and (max-width: 680px){.report-parameter-section{margin-bottom:10px}.report-parameter-section,.reports-network-branch-layout{flex-flow:column}.report-parameter-section vaadin-button{min-width:100%}.reports-grid-layout .history-filter-export-buttons{flex-flow:column}}.operations-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.operations-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.operations-view .preview-container{display:contents}.operations-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.operations-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.operations-view[dragging] .layout:not([style*="gap:"]){gap:8px}.operations-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.operations-view .cover-overlay{position:absolute;border-radius:1px}.operations-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.operations-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.operations-view .overlays,.operations-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.operations-view:not([dragging]) .drop-zones{pointer-events:none}.operations-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.operations-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.operations-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.operations-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.operations-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.operations-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.operations-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.operations-view[readonly] .drop-zones,.operations-view[readonly] .overlays,.operations-view[inline-editing] .drop-zones,.operations-view[inline-editing] .overlays{display:none}.operations-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.operations-view[dragging] vaadin-form-layout{padding:8px}.operations-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.operations-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.body-layout{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;background-color:var(--page-background);margin:0;padding:0}.display-area{margin:auto;padding:0}.body-layout vaadin-tabs{margin:10px}.body-layout vaadin-tab[selected]{background-color:#d0e4f9;transition:.3s ease;cursor:pointer}.body-layout vaadin-tab:before{width:100%;background-color:#d2e1f9}.staff-form-section{margin:auto;padding:20px;border:1px solid rgb(237,237,237);box-sizing:border-box;box-shadow:var(--lumo-box-shadow-xs);background-color:#fff;border-radius:10px;width:100%}.staff-form-section h3{border-bottom:1px solid rgb(224,214,214);padding-bottom:10px;width:100%;color:var(--sub-text-color-deeper)}.staff-form-section .default-button-style vaadin-icon{text-align:center;margin-right:5px;font-size:smaller}.staff-form-section .default-button-style{font-size:smaller;font-family:var(--theme-font);padding:18px}.div-notice{background-color:#ffe7e7d2;border-radius:10px;margin-top:10px;color:#9d1a1a;border-left:2px solid rgba(195,1,1,.724);width:100%;text-align:center;padding:12px;font-size:small;font-family:var(--theme-font);box-sizing:border-box}.sim-card-section{box-sizing:border-box;box-shadow:var(--lumo-box-shadow-xs);column-gap:10px;margin:10px;align-self:self-start;border-radius:5px;background-color:#fff}.sim-card-section h3{border-bottom:1px solid #ddd;padding-bottom:5px;color:var(--sub-text-color);align-items:center}.branches-grid-section,.branches-form-section{align-self:self-start;border:1px solid #ddd;margin:10px;border-radius:5px;box-sizing:border-box;box-shadow:var(--lumo-box-shadow-xs);padding:15px;background-color:#fff}.branches-form-section h3,.branches-grid-section h3{color:var(--sub-text-color);border-bottom:1px solid #ddd;padding-bottom:5px;width:100%}.col-button-renderer{border:1px solid var(--lumo-primary-text-color);color:var(--lumo-primary-text-color);width:min-content}.col-button-renderer vaadin-button{font-size:10px}.col-button-renderer:hover{color:#fff;background-color:var(--lumo-primary-text-color)}.staff-name-renderer span{color:var(--sub-text-color-deeper);font-size:smaller}.staff-name-renderer{align-items:center}.staff-name-renderer h4{font-size:small}.branch-parent-layout{border:1px solid rgb(194,194,194);box-sizing:border-box;padding:10px;border-radius:8px}.branch-operator-renderer{width:100%}.branch-action-bar{max-width:fit-content;margin:10px auto}.branch-action-bar .edit-button,.branch-action-bar .delete-button{width:fit-content;margin:5px;font-size:10px;padding:0;border-radius:50px;text-align:center}.branch-action-bar .edit-button{background-color:#d2e1f9}.branch-action-bar .delete-button{color:#9d1a1a;background-color:#ffebeb}.branch-status-indicator{margin:10px 20px;width:fit-content}.branch-name-renderer span{color:var(--sub-text-color);line-height:20px}.branch-name-renderer{margin:10px auto}.branch-parent-layout:hover{box-shadow:var(--lumo-box-shadow-xs);background-color:#f3f8ff;cursor:pointer}.branch-dialog-box-layout{border:1px solid #ddd;border-radius:10px}.branch-dialog-box-layout h4{width:100%;background-color:#f0f5fa;padding:10px;border-radius:5px;box-sizing:border-box;text-align:center}.sim-card-image{width:60px}.mtn-logo{max-width:30px}.at-logo{min-width:45px}.telecel-logo{min-width:60px}.sim-status-indicator{font-family:var(--theme-font)}.sim-card-name-and-number-box{margin:10px auto}.sim-card-name-and-number-box span{color:var(--sub-text-color)}.sim-card-name-and-number-box vaadin-icon{background-color:#e6eefc;font-size:20px;padding:3px;border-radius:50%;color:var(--sub-text-color-deeper)}.sim-card-name-and-number-box div{width:100%;text-align:start;font-size:smaller}.sim-card-buttons-box{width:fit-content;gap:5px}.user-logs-div{background-color:#fff;padding:10px 20px;box-sizing:border-box;border-radius:8px;border:1px solid #eee}.user-logs-div span{color:var(--sub-text-color)}.user-logs-div h5{font-size:large;margin:5px auto}.logs-user-info-component{padding:5px}.logs-user-info-component:nth-child(1){color:var(--sub-text-color);font-size:small;line-height:20px}.logs-access-details-component{color:var(--sub-text-color-deeper);background-color:#f9f9f9;padding:15px;border-radius:5px;box-sizing:border-box}.settings-parent-layout{border:1px solid rgb(220,220,220);margin:10px;border-radius:10px;background-color:#fff}.setting-component-header-layout{line-height:25px;margin-bottom:5px}.setting-component-header-layout .setting-header-icon{margin-right:10px;color:var(--lumo-primary-text-color)}.setting-component-header-layout span{color:var(--sub-text-color)}.status-icon-display{padding:0 5px}.subscription-date-div{border:1px solid rgb(230,228,228);border-radius:5px;box-sizing:border-box;padding:10px;margin:8px auto}.sub-values-layout span{color:var(--sub-text-color-deeper)}.sub-values-layout h4{font-size:small}.registration-date-div{background-color:var(--lumo-primary-text-color);box-sizing:border-box;border:1px solid #ddd;padding:15px;border-radius:10px;color:#e9e1e1;font-family:var(--theme-font)}.registration-date-div h4{color:#fff;font-size:23px}.subscribers-grid{min-height:95vh}.float-manager-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.float-manager-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.float-manager-view .preview-container{display:contents}.float-manager-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.float-manager-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.float-manager-view[dragging] .layout:not([style*="gap:"]){gap:8px}.float-manager-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.float-manager-view .cover-overlay{position:absolute;border-radius:1px}.float-manager-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.float-manager-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.float-manager-view .overlays,.float-manager-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.float-manager-view:not([dragging]) .drop-zones{pointer-events:none}.float-manager-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.float-manager-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.float-manager-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.float-manager-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.float-manager-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.float-manager-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.float-manager-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.float-manager-view[readonly] .drop-zones,.float-manager-view[readonly] .overlays,.float-manager-view[inline-editing] .drop-zones,.float-manager-view[inline-editing] .overlays{display:none}.float-manager-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.float-manager-view[dragging] vaadin-form-layout{padding:8px}.float-manager-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.float-manager-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.filter-section-layout{border:1px solid #ddd;background-color:#fff;padding:20px;box-sizing:border-box;border-radius:5px;margin:auto}.filter-section-layout h2{margin-bottom:5px}.float-body-layout{margin:auto}.float-body-header-icon{color:var(--lumo-primary-text-color)}.float-body-header-layout{box-shadow:var(--lumo-box-shadow-xs);padding:10px 20px;background-color:#fff;box-sizing:border-box;border-radius:10px}.float-total-balance-div{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:15px}.network-image{width:80px}.network-card-and-name{align-items:center;width:100%;border-radius:5px;justify-content:space-between}.mtn-logo,.at-logo{width:60px}.bank-logo{width:40px}.telecel-logo{width:45px}.network-card-component-layout{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;background-color:#fff}.network-card-component-layout:hover{transform:scale(1.01);transition:.3s ease;box-shadow:var(--lumo-box-shadow-xs);cursor:pointer;border:1px solid var(--sub-text-color-deeper)}.network-card-bal-layout{font-size:medium;color:var(--sub-text-color-deeper);width:100%;margin:5px auto}.low-balance-indicator{color:red;background-color:#fee;padding:5px 10px;box-sizing:border-box;border-radius:20px}.balanced-indicator{color:#c56e04e2;background-color:#fffecc;padding:5px 10px;box-sizing:border-box;border-radius:20px}.healthy-balance-indicator{color:#02b202;background-color:#ddffde;padding:5px 10px;box-sizing:border-box;border-radius:20px}.total-bal-div{font-size:larger;align-items:baseline;color:var(--sub-text-color-deeper)}.total-bal-div vaadin-icon{width:40px}.mobile-number-label{text-align:left;margin:2px auto;width:100%;color:var(--sub-text-color-deeper);font-size:14px}.float-table-grid{background-color:#fff;border-radius:5px;border:1px solid #ddd;box-sizing:border-box}.card-label-section{display:flex;flex-direction:column;margin:10px 0;box-sizing:border-box;border-radius:5px}.flow-request-dialog-layout{border:1px solid rgb(231,226,226);border-radius:8px;box-sizing:border-box;margin:5px auto}.transaction-type-selector{width:100%;border-bottom:2px solid #ddd;box-sizing:border-box;border-radius:7px;margin-top:-10px}.transaction-type-selector::part(label){font-size:smaller}.dialog-image-and-label{margin:10px 0;padding:10px;border-radius:5px;background-color:#f3f4f4;color:var(--sub-text-color-deeper);font-family:var(--theme-font)}.network-image-dialog{max-width:60px}.balance-label{background-color:#ededed;width:100%;margin-top:-5px;padding:8px;box-sizing:border-box;text-align:center;font-family:var(--theme-font);border-radius:10px}.flow-request-dialog-layout .input-style{width:100%}.transaction-type-renderer vaadin-icon{font-size:smaller;margin-left:20px}.transaction-type-renderer{margin:10px}.amount-component{font-size:small}@media screen and (max-width:768px){.network-card-layout{flex-direction:column}.float-body-layout,.filter-section-layout{max-width:100%}.float-body-header-layout h1,.float-body-header-layout h2{text-align:center;font-size:large;margin:auto}.float-total-balance-div{padding:5px;margin:auto}.total-bal-div{width:fit-content;font-size:small}}.commission-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.commission-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.commission-view .preview-container{display:contents}.commission-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.commission-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.commission-view[dragging] .layout:not([style*="gap:"]){gap:8px}.commission-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.commission-view .cover-overlay{position:absolute;border-radius:1px}.commission-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.commission-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.commission-view .overlays,.commission-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.commission-view:not([dragging]) .drop-zones{pointer-events:none}.commission-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.commission-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.commission-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.commission-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.commission-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.commission-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.commission-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.commission-view[readonly] .drop-zones,.commission-view[readonly] .overlays,.commission-view[inline-editing] .drop-zones,.commission-view[inline-editing] .overlays{display:none}.commission-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.commission-view[dragging] vaadin-form-layout{padding:8px}.commission-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.commission-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.commission-note-layout{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;box-shadow:var(--lumo-shade-50pct)}.commission-list-items-div{padding:0 20px;color:var(--sub-text-color-deeper)}.commission-body-layout{background-color:#fff;border-radius:10px}.pending-session-page-header-div{width:100%;box-sizing:border-box;text-align:start}.pending-session-page-header-div span{text-align:start;text-wrap:auto;font-size:small}.pending-session-back-button{border:1px solid #ddd;width:fit-content;padding:7px}.pending-session-back-button:hover{background-color:var( --lumo-warning-contrast-color);color:#fff}.home-section-layout{background-color:#ffffffd9;padding:10px;border-radius:10px;margin:auto;align-items:center;text-align:center;box-shadow:var(--lumo-box-shadow-s);box-sizing:border-box;width:50%}.home-inner-component-layout{text-align:center;align-items:center;box-sizing:border-box;background-color:#fff;border-radius:5px;line-height:normal;margin-top:-15px}.registration-section-layout{padding:15px 20px;box-sizing:border-box}.home-inner-component-layout p{color:var(--sub-text-color);box-sizing:border-box;text-wrap-mode:wrap;line-height:normal;margin:-2px auto}.homepage-logo-image{width:90px;padding:0;margin:10px auto}.home-section-layout h3{font-size:40px;box-sizing:border-box}.home-section-layout span{margin:5px auto;color:var(--body-text-color);font-size:medium}.home-buttons-layout{box-sizing:border-box;margin:10px;padding:10px}.home-buttons-layout vaadin-button{border-radius:10px;padding:20px;cursor:pointer}.login-button{background-color:var(--lumo-primary-text-color);color:#fff}.registration-button{background-color:transparent;border:1px solid var(--lumo-primary-text-color)}.registration-button:hover{transition:.3ms ease-in;color:#fff;background-color:var(--lumo-primary-text-color)}.login-button:hover{opacity:.9}.home-reverse-buttons{font-size:smaller;cursor:pointer;margin:10px auto}.home-reverse-buttons:hover{opacity:.9}.login-form-layout{border:1px solid rgb(228,228,228);border-radius:10px}@media screen and (max-width:768px){.home-section-layout,.home-page-button{width:90%}.business-registration-page-hero-text{font-size:smaller;margin:0;padding:0;visibility:hidden}.home-section-layout h3{font-size:30px;margin:0;padding:0}}.business-registration-page-hero-text{position:relative;background:#ffffff9a;border-radius:200px;padding:20px;z-index:1;text-align:center;margin:10px auto}.signup-section-component{max-width:800px;margin:5px auto;background-color:#fffffff9}.registration-section-layout{margin:-10px auto;padding:0 fit-content}.registration-section-layout vaadin-button{margin-top:10px}.otp-section-component{border:1px solid rgb(239,239,239);max-width:400px;margin:5px auto;border-radius:10px;align-items:center;text-align:center;box-sizing:border-box}.otp-section-component p{color:var(--sub-text-color);margin:auto}.otp-section-component .input-style::part(input-field){font-size:20px;padding:10px;height:40px;text-align:center;border-radius:20px;border:none}.otp-section-component h1{background-color:#e0e0e08e;font-size:larger;padding:10px;border-radius:90px}@media screen and (max-width:500px){.otp-section-component{width:100%}}vaadin-text-field,vaadin-email-field,vaadin-password-field,vaadin-combo-box,vaadin-select,vaadin-number-field,vaadin-integer-field::part(input-field){width:100%;box-sizing:border-box;text-align:left}vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-combo-box::part(input-field),vaadin-number-field::part(input-field),vaadin-select::part(input-field),vaadin-integer-field::part(input-field),vaadin-date-picker::part(input-field),vaadin-text-field::part(input-field){border-radius:5px;height:38px}vaadin-email-field[focused]::part(input-field),vaadin-password-field[focused]::part(input-field),vaadin-number-field[focused]::part(input-field),vaadin-text-field[focused]::part(input-field),vaadin-integer-field[focused]::part(input-field),vaadin-combo-box[focused]::part(input-field){outline:1px solid var(--lumo-primary-color);shape-outside:margin-box}vaadin-button{width:100%;padding:16px;cursor:pointer}vaadin-button:hover{transition:.3s ease}.empty-table-card{margin:30px auto;border-radius:10px;padding:20px;box-sizing:border-box;max-width:fit-content}.page-header-container{font-family:var(--theme-font);box-sizing:border-box;padding:15px;border-radius:5px;background-color:#fff;border:1px solid #ddd}.page-header-container div{width:100%;box-sizing:border-box;border:none}.page-header-container h3{margin-bottom:3px}.page-header-container div span{color:var(--sub-text-color);font-family:poppins;margin-top:10px}.dialog-icon{width:20px}.top-header-component{align-items:center;background-color:var(--lumo-primary-text-color);justify-content:center;color:#fff}.top-header-component a{color:var(--lumo-primary-color);padding:5px 20px;background-color:#fff;border-radius:10px}.confirm-dialog::part(header){padding:0}.dialog-message-container{margin-top:10px;font-family:poppins;color:var(--lumo-body-text-color);text-align:center}.dialog-header-container{padding:10px;color:#fff;font-weight:600}.default-popup-dialog::part(header){background-color:#f8f4fc}.dialog-close-button{font-size:smaller;color:#000}.dialog-header-component{box-sizing:border-box;line-height:22px}.dialog-header-component span{color:var(--sub-text-color)}.default-app-grid::part(header-cell){background-color:#f4f3f3;color:var(--lumo-primary-text-color);font-family:var(--theme-font)}.default-app-grid{background-color:#fff;border-radius:4px;box-sizing:border-box;font-family:var(--theme-font);font-size:small;font-weight:500}.v-loading-indicator{background-color:red}.update-button{border:1px solid var(--lumo-primary-text-color);background:#ffffff40;backdrop-filter:blur(8px);padding:18px;-webkit-backdrop-filter:blur(15px);border-radius:8px;color:var(--lumo-primary-text-color)}.update-button:hover{background:var(--lumo-primary-text-color);color:#fff;box-shadow:0 6px 32px #1f268738;transition:background .3s,color .3s,box-shadow .3s}.delete-button,.edit-button{width:fit-content;padding:5px;font-size:smaller;margin:auto;border-radius:50px}.delete-button{color:#9d1a1a;font-size:10px;background-color:#ffebeb}.edit-button{background-color:#d2e1f9}.export-button-style{width:fit-content;background-color:transparent}@media screen and (max-width:500px){.top-header-component{min-height:70px;display:grid;text-align:center}.sim-cards-body,.branches-component{flex-direction:column}.sim-card-section,.branches-grid-section,.branches-form-section{min-width:94%;box-sizing:border-box;align-items:center}.body-layout vaadin-tabs{box-sizing:border-box;max-width:fit-content;font-size:10px}.branch-parent-layout{flex-direction:column}.branch-status-indicator{width:100%}.settings-body-layout{flex-wrap:wrap}.settings-parent-layout{min-width:fit-content}}.profile-form-item-section{border:1px solid #ddd;border-radius:8px;background-color:#fff;box-sizing:border-box}.profile-section-layout{padding:20px}.header-container{border-bottom:1px solid #ddd;margin:0;padding:10px}.header-container span{padding:5px;color:var(--sub-text-color-deeper)}.profile-role-field::part(input-field){background-color:var(--lumo-shade-80pct);color:#fff}.user-inner-header-component{align-items:center}.user-inner-header-component vaadin-icon{font-size:medium;color:var(--lumo-shade-80pct);margin-right:5px}.session-expired-view{box-sizing:border-box}.session-expired-view::part(backdrop){background-color:#f9fbff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.session-expired-container{max-width:350px}.session-expired-title{margin:0;font-size:var(--lumo-font-size-xl);color:var(--lumo-header-text-color)}.session-expired-message{color:var(--lumo-secondary-text-color);text-align:center}.session-expired-button{background-color:var(--layout-color);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);color:var(--lumo-primary-text-color);cursor:pointer}html{--page-background:#F8F9FA;--theme-font:"poppins";--alt-theme-font:"roboto";--sub-text-color:#94aab4;--sub-text-color-deeper:rgb(112, 126, 144);--lumo-primary-color: rgb(61, 206, 13);--lumo-primary-color-50pct: #3dce0d80;--lumo-primary-color-10pct: rgba(61, 206, 13, .1);--lumo-primary-text-color: rgb(26, 121, 142);--lumo-shade: rgb(24, 93, 109);--lumo-shade-5pct: rgba(24, 93, 109, .05);--lumo-shade-10pct: rgba(24, 93, 109, .1);--lumo-shade-20pct: rgba(24, 93, 109, .2);--lumo-shade-30pct: rgba(24, 93, 109, .3);--lumo-shade-40pct: rgba(24, 93, 109, .4);--lumo-shade-50pct: rgba(24, 93, 109, .5);--lumo-shade-60pct: rgba(24, 93, 109, .6);--lumo-shade-70pct: rgba(24, 93, 109, .7);--lumo-shade-80pct: rgba(24, 93, 109, .8);--lumo-shade-90pct: rgba(24, 93, 109, .9);--lumo-body-text-color: hsla(209, 30%, 22%, .94);--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1;--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem}