@charset "UTF-8";html{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--mat-sys-background: #f5fbf7;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #ecf2ef;--mat-sys-inverse-primary: #63dac4;--mat-sys-inverse-surface: #2c3230;--mat-sys-on-background: #171d1b;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #005045;--mat-sys-on-primary-fixed: #00201b;--mat-sys-on-primary-fixed-variant: #005045;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #254e46;--mat-sys-on-secondary-fixed: #00201b;--mat-sys-on-secondary-fixed-variant: #254e46;--mat-sys-on-surface: #171d1b;--mat-sys-on-surface-variant: #3d4946;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #005045;--mat-sys-on-tertiary-fixed: #00201b;--mat-sys-on-tertiary-fixed-variant: #005045;--mat-sys-outline: #6d7a76;--mat-sys-outline-variant: #bcc9c5;--mat-sys-primary: #006b5d;--mat-sys-primary-container: #81f7e0;--mat-sys-primary-fixed: #81f7e0;--mat-sys-primary-fixed-dim: #63dac4;--mat-sys-scrim: #000000;--mat-sys-secondary: #3d665d;--mat-sys-secondary-container: #bfece0;--mat-sys-secondary-fixed: #bfece0;--mat-sys-secondary-fixed-dim: #a4cfc4;--mat-sys-shadow: #000000;--mat-sys-surface: #f5fbf7;--mat-sys-surface-bright: #f5fbf7;--mat-sys-surface-container: #e9efec;--mat-sys-surface-container-high: #e4e9e6;--mat-sys-surface-container-highest: #dee4e1;--mat-sys-surface-container-low: #eff5f2;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d6dbd8;--mat-sys-surface-tint: #006b5d;--mat-sys-surface-variant: #d8e6e1;--mat-sys-tertiary: #006b5d;--mat-sys-tertiary-container: #81f7e0;--mat-sys-tertiary-fixed: #81f7e0;--mat-sys-tertiary-fixed-dim: #63dac4;--mat-sys-neutral-variant20: #273330;--mat-sys-neutral10: #171d1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root[data-theme=dark]{--mat-sys-background: #0f1513;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2c3230;--mat-sys-inverse-primary: #006b5d;--mat-sys-inverse-surface: #dee4e1;--mat-sys-on-background: #dee4e1;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #00382f;--mat-sys-on-primary-container: #81f7e0;--mat-sys-on-primary-fixed: #00201b;--mat-sys-on-primary-fixed-variant: #005045;--mat-sys-on-secondary: #0a372f;--mat-sys-on-secondary-container: #bfece0;--mat-sys-on-secondary-fixed: #00201b;--mat-sys-on-secondary-fixed-variant: #254e46;--mat-sys-on-surface: #dee4e1;--mat-sys-on-surface-variant: #d8e6e1;--mat-sys-on-tertiary: #00382f;--mat-sys-on-tertiary-container: #81f7e0;--mat-sys-on-tertiary-fixed: #00201b;--mat-sys-on-tertiary-fixed-variant: #005045;--mat-sys-outline: #86948f;--mat-sys-outline-variant: #3d4946;--mat-sys-primary: #63dac4;--mat-sys-primary-container: #005045;--mat-sys-primary-fixed: #81f7e0;--mat-sys-primary-fixed-dim: #63dac4;--mat-sys-scrim: #000000;--mat-sys-secondary: #a4cfc4;--mat-sys-secondary-container: #254e46;--mat-sys-secondary-fixed: #bfece0;--mat-sys-secondary-fixed-dim: #a4cfc4;--mat-sys-shadow: #000000;--mat-sys-surface: #0f1513;--mat-sys-surface-bright: #343a39;--mat-sys-surface-container: #1b211f;--mat-sys-surface-container-high: #252b29;--mat-sys-surface-container-highest: #303634;--mat-sys-surface-container-low: #171d1b;--mat-sys-surface-container-lowest: #0a0f0e;--mat-sys-surface-dim: #0f1513;--mat-sys-surface-tint: #63dac4;--mat-sys-surface-variant: #3d4946;--mat-sys-tertiary: #63dac4;--mat-sys-tertiary-container: #005045;--mat-sys-tertiary-fixed: #81f7e0;--mat-sys-tertiary-fixed-dim: #63dac4;--mat-sys-neutral-variant20: #273330;--mat-sys-neutral10: #171d1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{height:100%;margin:0;padding:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif}:root{--color-connected: #2ea961;--color-disconnected: #a5a5a5;--color-paused: #f1c40f;--color-precall: #3498db;--color-incall: #e62222;--color-postcall: #9b59b6;--color-available: #049f44;--text-color-button: light-dark(#ffffff, #ffffff);--text-color-primary: light-dark(#212121, #cecece);--text-color-secondary: light-dark(#757575, #bdbdbd);--text-color-error: #ba1a1a;--color-item: light-dark(#ffffff, #006b5d);--queue-icon-color: light-dark(#1976d2, #ff0000);--mat-dialog-container-background: light-dark(#ffffff, #2c3230);--mat-div-background: light-dark(#f5f5f5, #121214);--mat-icon-color: light-dark(rgba(0, 0, 0, .73), rgba(255, 255, 255, .7));--mat-icon-avatar-color: light-dark(rgb(255, 255, 255), rgba(255, 255, 255, .7));--background: light-dark(#fafafa, #09090b);--toolbar-background: light-dark(#ffffff, #09090b);--toolbar-container-background: light-dark(#03a18cc0, #171d1b);--toolbar-container-text-color: light-dark(white, var(--text-color-primary));--mat-select-panel-background-color: light-dark(#ffffff, #1c1c1c);--mat-select-enabled-trigger-text-color: var(--text-color-primary);--mat-autocomplete-background-color: light-dark(#ffffff, #242424);--slide-toggle-bar-background: light-dark(rgb(203 202 202 / 38%), rgba(255, 255, 255, .493));--queue-container-background: light-dark(#e3f2fd, #00443a);--queue-tag-background: light-dark(#a1c7bc, #43bea9);--queue-number-of-calls-color: light-dark(#0d47a1, red);--mat-badge-line-height: 22px;--mat-badge-legacy-container-size: 20px !important;--mat-badge-text-color: light-dark(#ffffff, #000000);--mat-table-background-color: light-dark(#ffffff, transparent);--mat-table-row-item-label-text-color: var(--text-color-primary);--mat-table-header-headline-color: #008675;--mat-button-filled-disabled-label-text-color: #727876 !important;--mat-button-filled-container-shape: 20px !important;--mat-button-outlined-container-shape: 20px !important;--mat-button-elevated-container-shape: 20px !important;--mat-button-raised-container-shape: 20px !important;--mat-button-tonal-container-shape: 20px !important;--mat-dialog-container-shape: 20px !important;--mat-menu-container-color: light-dark(#ffffff, #1c1c1c);--mat-menu-item-label-text-color: var(--text-color-primary);--mat-menu-item-icon-color: var(--mat-icon-color);--mat-menu-item-hover-state-layer-color: color-mix( in srgb, var(--mat-menu-container-color) 90%, var(--mat-icon-color) 10% );--list-item-container-background: light-dark(#ffffff, #66666638);--mat-list-list-item-label-text-color: var(--text-color-primary);--mat-list-list-item-hover-label-text-color: var(--text-color-primary);--mat-list-list-item-hover-icon-color: var(--mat-icon-color);--mat-list-list-item-hover-state-layer-color: color-mix( in srgb, var(--mat-menu-container-color) 90%, var(--mat-icon-color) 10% );--mat-list-list-item-two-line-container-height: 70px;--mat-option-selected-state-label-text-color: #008675;--mat-option-selected-state-layer-color: color-mix( in srgb, var(--mat-menu-container-color) 90%, var(--mat-icon-color) 10% );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--mat-menu-container-color) 90%, var(--mat-icon-color) 10% );--mat-sys-primary-container: #63dac4 !important;--mat-sys-on-surface: #008675 !important;--mat-sys-on-surface-variant: #17a28e !important;--md-sys-color-error: light-dark( #690005, #ff5449 ) !important;--md-sys-color-on-error: light-dark( #ffffff, #690005 ) !important;--mat-slide-toggle-selected-icon-color: #008675 !important;--mat-dialog-subhead-color: var(--text-color-primary);--mat-dialog-supporting-text-color: var(--text-color-secondary);--text-color-acd-number: light-dark(green, rgb(2, 186, 2));--item-background-hover: light-dark(#f1f1f1, #414141);--voicemail-item-background-color: light-dark(#f7f7f7, #2f2f2f);--tag-color-background: light-dark(#cfc3d5, #333333);--tag-queue-color-background: light-dark(#81bca687, #005045);--tag-queue-color-text: light-dark(#676767, #b6ffee);--tag-color-text: light-dark(#ffffff, #bababa);--tag-voicemail-color-background: light-dark(#4b967836, #4a4a4a);--tag-voicemail-color-text: light-dark(#3c6666, #e0e0e0);--keypad-number-color: light-dark(#16a267, #63dac4);--mat-form-field-outlined-error-outline-color: #ba1a1a;--mat-form-field-outlined-input-text-color: #008675;--mat-form-field-filled-label-text-color: var(var(--text-color-primary));--mat-chip-label-text-color: var(--text-color-primary);--mat-button-filled-container-color: #17a28e !important;--mat-button-filled-label-text-color: var(--text-color-button) !important;--mat-fab-foreground-color: #00382f !important;--mat-fab-container-color: #17a28e;--mat-icon-button-disabled-icon-color: #2c3230 !important;--kpie-background: light-dark(#ffffff, #ffffff0f);--mat-expansion-container-background-color: none}:root{--div-border: 1px solid #e0e0e058;--dashboard-column-shadow: 0 2px 5px rgba(30, 229, 193, .25), 0 2px 10px rgba(0, 0, 0, .2)}:root[data-theme=dark]{--div-border: 1px solid #8383836b;--dashboard-column-shadow: none}.status-connected{background:#3fb45e;color:#fff;border-radius:20px;padding:4px}.status-available{background:green;color:#fff;border-radius:20px;padding:4px}.status-disconnected{background:#929292;color:#fff;border-radius:20px;padding:4px}.status-paused{background:#f9a825;color:#fff8e1;border-radius:20px;padding:4px}.status-precall{background:#1565c0;color:#e3f2fd;border-radius:20px;padding:4px}.status-incall{background:#d52e2e;color:#ede7f6;border-radius:20px;padding:4px}.status-postcall{background:#6a1b9a;color:var(--text-color-primary);border-radius:20px;padding:4px}.agent-stats-overlay{background-color:var(--mat-dialog-container-background);border-radius:20px}.agent-stats-overlay .toolbar{background-color:var(--toolbar-container-background);padding:5px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.agent-stats-overlay .toolbar h3{margin:0;font-weight:600;color:var(--toolbar-container-text-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled){background:none!important}.btn-error.mat-mdc-button-base{--mdc-filled-button-container-color: var(--md-sys-color-error);--mdc-filled-button-label-text-color: var(--md-sys-color-on-error);--mdc-filled-button-hover-state-layer-color: var(--md-sys-color-on-error);--mdc-filled-button-pressed-state-layer-color: var(--md-sys-color-on-error);--mdc-filled-button-focus-state-layer-color: var(--md-sys-color-on-error)}.btn-error--outlined.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--md-sys-color-error);--mdc-outlined-button-label-text-color: var(--md-sys-color-error)}.btn-error--outlined.mat-mdc-outlined-button:hover{background:color-mix(in oklab,var(--md-sys-color-error) 12%,transparent)}.btn-error--tonal.mat-mdc-button-base{--mdc-protected-button-container-color: var(--md-sys-color-error-container);--mdc-protected-button-label-text-color: var(--md-sys-color-on-error-container);--mdc-protected-button-hover-state-layer-color: var(--md-sys-color-on-error-container);--mdc-protected-button-pressed-state-layer-color: var(--md-sys-color-on-error-container)}.mat-mdc-button-base.btn-error,.mat-mdc-button-base.btn-error--outlined,.mat-mdc-button-base.btn-error--tonal{border-radius:20px}.button-error{color:var(--md-sys-color-error)}.mat-button-small{--mat-button-filled-container-height: 28px;--mat-button-filled-touch-target-display: none;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-protected-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;font-size:.8rem;line-height:24px}