@import"https://fonts.googleapis.com/icon?family=Material+Icons";html,body{height:100%;margin:0;padding:0;font-family:Roboto,sans-serif;height:100vh;height:-webkit-fill-available;overscroll-behavior:none;-webkit-overflow-scrolling:touch}html{height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available;min-height:calc(var(--vh, 1vh) * 100);overscroll-behavior-y:contain;touch-action:manipulation}app-root{display:block;height:100vh;height:-webkit-fill-available;height:calc(var(--vh, 1vh) * 100);min-height:100vh;min-height:-webkit-fill-available;min-height:calc(var(--vh, 1vh) * 100)}.container{padding:16px;max-width:1200px;margin:0 auto}.material-icons{font-family:Material Icons;font-size:24px;display:inline-block;-webkit-font-smoothing:antialiased}.app-logo{color:#000000de!important}.brand-text{color:#000000de!important;font-weight:700}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#0000008a}.no-data-message mat-icon{font-size:48px;margin-bottom:16px;color:var(--primary)}.mdc-snackbar,.mat-mdc-snack-bar-container{position:fixed!important;inset:auto auto 50px 32px!important;z-index:1400!important;--mdc-snackbar-container-color: transparent !important;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f!important;border-radius:4px!important;min-width:344px!important;max-width:33vw!important;pointer-events:auto!important}.mdc-snackbar .mdc-snackbar__surface,.mat-mdc-snack-bar-container .mdc-snackbar__surface{padding:0!important;background-color:transparent!important;min-height:35px!important}.mdc-snackbar .mat-mdc-snack-bar-label,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-label{padding:8px 12px!important;line-height:1.2!important;font-size:15px!important;font-style:bold!important}.mdc-snackbar .mat-mdc-snack-bar-actions,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-actions{padding:4px!important;margin-right:4px!important;pointer-events:auto!important}.mdc-snackbar .mat-mdc-snack-bar-action,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action{--mat-mdc-button-persistent-ripple-color: transparent !important;--mat-mdc-button-ripple-color: transparent !important;--mat-mdc-button-hover-state-layer-color: transparent !important;--mat-mdc-button-hover-state-layer-opacity: 0 !important;background:transparent!important;color:inherit!important;font-size:15px!important;font-weight:500!important;letter-spacing:.5px!important;line-height:1.2!important;margin:0 4px!important;min-width:auto!important;padding:0 4px!important}.mdc-snackbar .mat-mdc-snack-bar-action:hover,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action:hover{background:transparent!important;opacity:.8!important}.mdc-snackbar .mat-mdc-snack-bar-action .mdc-button__ripple,.mat-mdc-snack-bar-container .mat-mdc-snack-bar-action .mdc-button__ripple{display:none!important}.success-snackbar .mdc-snackbar__surface{background-color:#72cb75e6!important}.success-snackbar .mat-mdc-snack-bar-label{color:#0a4407!important}.error-snackbar .mdc-snackbar__surface{background-color:#e09893e6!important}.error-snackbar .mat-mdc-snack-bar-label{color:#6f0707!important}.info-snackbar .mdc-snackbar__surface{background-color:#629dcde6!important}.info-snackbar .mat-mdc-snack-bar-label{color:#070475!important}.warning-snackbar .mdc-snackbar__surface{background-color:#dfab5de6!important}.warning-snackbar .mat-mdc-snack-bar-label{color:#884d13!important}.non-blocking-snackbar{pointer-events:none!important}.popup-container,.confirmation-dialog,.bill-summary-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;padding:16px;max-width:90%;width:400px}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}::ng-deep .mat-mdc-dialog-container .mdc-dialog__surface{background-color:#f1f8e9!important;border-radius:8px!important;box-shadow:0 4px 16px #0000002e!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{color:#556b2f!important;font-weight:500!important;border-bottom:1px solid #6B8E23!important;padding-bottom:12px!important;margin-bottom:16px!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__content{color:#39481f!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions{padding:16px 24px!important;border-top:1px solid #6B8E23!important;background-color:#556b2f08!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button:not([color=primary]):not([color=warn]) .mdc-button__label{color:#556b2f!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button:not([color=primary]):not([color=warn]):hover{background-color:#556b2f14!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=primary],::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=primary]{background-color:#556b2f!important;color:#fff!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=primary]:hover,::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=primary]:hover{background-color:#39481f!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=primary].mdc-button--raised,::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=primary].mdc-button--raised{box-shadow:0 2px 5px #00000026!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=primary].mdc-button--raised:hover,::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=primary].mdc-button--raised:hover{box-shadow:0 4px 8px #0003!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn],::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=warn]{background-color:#f44336!important;color:#fff!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn]:hover,::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=warn]:hover{background-color:#ea1c0d!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn].mdc-button--raised,::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=warn].mdc-button--raised{box-shadow:0 2px 5px #00000026!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn].mdc-button--raised:hover,::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-raised-button[color=warn].mdc-button--raised:hover{box-shadow:0 4px 8px #0003!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn]:not(.mdc-button--raised){background-color:transparent!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn]:not(.mdc-button--raised) .mdc-button__label{color:#f44336!important}::ng-deep .mat-mdc-dialog-container .mdc-dialog__actions button.mat-mdc-button[color=warn]:not(.mdc-button--raised):hover{background-color:#f4433614!important}.content-wrapper{display:flex;flex-direction:row;width:100%;height:100%;margin:0;padding:0}app-jobtitles .container,app-staff-account .container,app-staffs .container,app-tables .container,app-rooms .container,app-seats .container,app-restaurant .container,app-kitchen-order-detail .container,app-static-menu-display .container,app-static-menu-management .container{padding-left:0!important}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content.with-sidenav{width:calc(100% - 64px);margin-left:0}.desktop-sidenav:not(.icon-only)+.main-content.with-sidenav{width:calc(100% - 207px);margin-left:0}.cdk-overlay-container{z-index:2000!important}.mat-datepicker-popup,.mat-select-panel,.mat-menu-panel{z-index:1500!important}.mat-dialog-container,.mat-mdc-dialog-container{z-index:2500!important}.mat-mdc-dialog-actions button,.mat-dialog-actions button{pointer-events:auto!important;z-index:2600!important;position:relative}.mat-mdc-dialog-container .mat-mdc-dialog-actions button,.mat-dialog-container .mat-dialog-actions button{pointer-events:auto!important;-webkit-user-select:none;user-select:none;cursor:pointer!important}.cdk-overlay-backdrop{z-index:1999!important}.cdk-overlay-pane{z-index:2001!important}.approval-dialog-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2500!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:90vw!important}.approval-dialog-panel .mat-mdc-dialog-container{display:block!important;z-index:2501!important;padding:0!important;margin:0!important}.approval-dialog-backdrop{z-index:2499!important}.client-setup-dialog-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2500!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:90vw!important}.client-setup-dialog-panel .mat-mdc-dialog-container{display:block!important;z-index:2501!important;padding:0!important;margin:0!important}.cdk-overlay-backdrop.cdk-overlay-backdrop-show{z-index:2499!important}.client-setup-dialog-panel button{min-width:100px!important}