@media all and (max-width: 1100px){.list-view.editing .toolbar,.list-view.editing .merchant-grid{display:none}}.spacing-r-l{gap:10px}.padding-v-l{padding-top:var(--lumo-space-l);padding-bottom:var(--lumo-space-l)}.view-frame{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;height:100%}.view-frame__header{z-index:2}.view-frame__wrapper{display:flex;flex:1;overflow:hidden}.view-frame__content{flex:1;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.view-frame__footer{z-index:2}.bsb-b{box-shadow:inset 0 -1px var(--lumo-contrast-20pct)}.bsb-l{box-shadow:inset 1px 0 var(--lumo-contrast-20pct)}.bsb-r{box-shadow:inset -1px 0 var(--lumo-contrast-20pct)}.bsb-t{box-shadow:inset 0 1px var(--lumo-contrast-20pct)}.padding-t-s{padding-top:var(--lumo-space-s)}.padding-h-l{padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l)}.padding-b-l{padding-bottom:var(--lumo-space-l)}.brand-expression{align-items:center;box-shadow:inset 0 -1px var(--lumo-contrast-10pct);box-sizing:border-box;display:flex;height:calc(var(--app-bar-height) + var(--lumo-size-l));justify-content:center;padding:var(--lumo-space-m)}.brand-expression__logo{max-height:100%;max-width:100%}.brand-expression__title{margin-left:var(--lumo-space-s)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.navi-drawer[rail]:not([open]):not(:hover) .brand-expression__logo{width:100%}}@media (max-width: 479px){:host([theme~="mobile"]) #header{display:none}:host([theme~="mobile"]:not([theme~="no-border"])){border:none}}.app-bar{background-color:var(--lumo-base-color);box-shadow:var(--lumo-box-shadow-s);flex-direction:column;position:relative;z-index:1}.app-bar__container{padding-left:var(--lumo-space-r-l);padding-right:var(--lumo-space-r-l);transition:padding var(--transition-duration-m)}.app-bar__navi-icon,.app-bar__context-icon{margin-bottom:calc((var(--app-bar-height) - var(--lumo-icon-size-m)) / 2);margin-right:var(--lumo-space-l);margin-top:calc((var(--app-bar-height) - var(--lumo-icon-size-m)) / 2)}.app-bar__title{flex-grow:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar__title:not(:empty){margin-bottom:calc((var(--app-bar-height) - (var(--lumo-font-size-l) * var(--lumo-line-height-xs))) / 2);margin-top:calc((var(--app-bar-height) - (var(--lumo-font-size-l) * var(--lumo-line-height-xs))) / 2)}.app-bar__action-items>*:not(:last-child){margin-right:var(--lumo-space-s)}.app-bar vaadin-text-field{padding-bottom:0;padding-top:0}.app-bar__avatar{border-radius:100%;flex-shrink:0;height:var(--lumo-size-s);margin-left:var(--lumo-space-m);width:var(--lumo-size-s)}.app-bar__tab-container{padding-left:var(--lumo-space-r-l);padding-right:var(--lumo-space-r-l)}.app-bar__tabs{box-shadow:none}.app-bar__tab vaadin-button{margin-bottom:0;margin-left:var(--lumo-space-s);margin-top:0}.app-bar__add-tab{flex-shrink:0}@media (min-width: 1024px){.app-bar__navi-icon{display:none}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.app-bar{color:#f5f9ff;background-color:#233348;box-shadow:0 2px 4px -1px #090a0b3b,0 3px 12px -1px #0d0f1152}.app-bar__title{color:#f5f9ff}}.login-rich-content{background-image:url(../../images/background.jpg);background-position:center;background-size:cover;display:flex;height:500px}.login-rich-content vaadin-login-form{align-items:center;display:flex;max-width:300px}.login-rich-content vaadin-login-form-wrapper{background-image:none}.details-drawer{background:var(--lumo-base-color);flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;z-index:0}.details-drawer[open]{box-shadow:var(--lumo-box-shadow-m)}.details-drawer__header{flex-shrink:0}.details-drawer__header vaadin-tabs{box-shadow:none}.details-drawer__content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.details-drawer__footer{flex-shrink:0}@media (max-width: 719px){.details-drawer{left:0;margin:0;min-width:100%;position:fixed;top:0;z-index:3}.details-drawer:not([open])[position=right]{transform:translate(100%)}.details-drawer:not([open])[position=bottom]{transform:translateY(100%)}}@media (min-width: 720px){.details-drawer[position=bottom]{height:400px}.details-drawer:not([open])[position=bottom]{margin-bottom:-400px}.details-drawer[position=right]{width:var(--details-drawer-width)}.details-drawer:not([open])[position=right]{margin-right:calc(var(--details-drawer-width) * -1)}}:host{background:#4182c6;color:#fff}.cust-points{max-width:300px;padding:0;color:#fff;font-weight:500}.pad-tp-btm-10px{padding-top:10px;padding-bottom:10px}.seg{background:#f3a57e}.p-color-1{background:#6dc7be}.p-color-2{background:#57bdde}.gap-5px{gap:5px!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#024f67}::-webkit-scrollbar-thumb:hover{background:#055267}:root{--app-bar-height: var(--lumo-size-xl);--navi-drawer-width: calc(var(--lumo-size-m) * 7);--navi-drawer-rail-width: calc(var(--lumo-size-m) * 1.75);--navi-item-indentation: calc(var(--lumo-icon-size-s) + var(--lumo-space-l));--details-drawer-width: calc(var(--lumo-size-m) * 11);--transition-duration-s: .16s;--transition-duration-m: .24s;--transition-duration-l: .32s;--lumo-space-r-m: var(--lumo-space-m);--lumo-space-r-l: var(--lumo-space-l);--lumo-space-r-x: var(--lumo-space-l);--lumo-space-wide-r-m: var(--lumo-space-wide-m);--lumo-space-wide-r-l: var(--lumo-space-wide-l);--lumo-font-size: 1rem;--lumo-primary-color:#4182c6}@media (max-width: 479px){:root{--lumo-space-r-x: 0}}@media (min-width: 480px) and (max-width: 1023px){:root{--lumo-space-r-x: var(--lumo-space-m)}}@media (max-width: 1023px){:root{--lumo-space-r-m: var(--lumo-space-s);--lumo-space-r-l: var(--lumo-space-m);--lumo-space-wide-r-m: var(--lumo-space-wide-s);--lumo-space-wide-r-l: var(--lumo-space-wide-m)}}html,body{height:100%;overflow:hidden;width:100%}.root{background-color:var(--lumo-contrast-5pct)}.app-header-outer,.app-footer-outer{z-index:3}vaadin-grid-cell-content{text-overflow:ellipsis}vaadin-text-field{align-self:auto}a[highlight]{font-weight:700;text-decoration:underline}.custom-readonly{pointer-events:none}.barcode-layout{border:1px solid #e9e9e9;width:300px;font-size:.8rem;font-weight:700;color:#868686;font-style:italic}@media all and (max-width: 414px){.dash-row{flex-direction:column}.dash-row>.dashboardview__payment-chart{border-bottom:1px solid #f1f2f5}}.header{--lumo-header-text-color:#1d5a98}.ad-border{border:1px solid #cfcfcf}