/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*

    Naming convention should be inherited from CSS: lowercase, hyphen-separated names

    Use double-referencing. For example:

        $brand-color-zisson-blue: #4097db;
        var(--color-primary): $brand-color-zisson-blue;

        .some-class {
            background-color: var(--color-primary);
        }

        That way we can change var(--color-primary) to $super-duper-red without changing every files using var(--color-primary)


    Use the material color palette instead of adding extra colors. It has over 200 colors, should be enough!


*/
/*green*/
/*INCOMMING - call - chats - whatever*/
/*OUTGOING - call - chats - whatever*/
/*CALL Atention to something*/
/*After call color orange*/
/*Yellow*/
/*REDS*/
/*PURPLE*/
/*BLUE*/
/* vegard 11.10.17 */
/* vegard 11.10.17 */
/*OFF*/
/*OTHERS*/
html {
  --mat-app-background-color: #fcf8fd;
  --mat-app-text-color: #1b1b1f;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: rgba(27, 27, 31, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #444559;
  --mat-option-label-text-color: #1b1b1f;
  --mat-option-hover-state-layer-color: rgba(27, 27, 31, 0.08);
  --mat-option-focus-state-layer-color: rgba(27, 27, 31, 0.12);
  --mat-option-selected-state-layer-color: #e1e0f9;
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-color: #46464f;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #343dff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;
  --mat-full-pseudo-checkbox-unselected-icon-color: #46464f;
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fcf8fd;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: rgba(27, 27, 31, 0.38);
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: rgba(27, 27, 31, 0.38);
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #343dff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: rgba(27, 27, 31, 0.38);
}
html {
  --mdc-filled-text-field-caret-color: #343dff;
  --mdc-filled-text-field-focus-active-indicator-color: #343dff;
  --mdc-filled-text-field-focus-label-text-color: #343dff;
  --mdc-filled-text-field-container-color: #e4e1ec;
  --mdc-filled-text-field-disabled-container-color: rgba(27, 27, 31, 0.04);
  --mdc-filled-text-field-label-text-color: #46464f;
  --mdc-filled-text-field-hover-label-text-color: #46464f;
  --mdc-filled-text-field-disabled-label-text-color: rgba(27, 27, 31, 0.38);
  --mdc-filled-text-field-input-text-color: #1b1b1f;
  --mdc-filled-text-field-disabled-input-text-color: rgba(27, 27, 31, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: #46464f;
  --mdc-filled-text-field-error-hover-label-text-color: #93000a;
  --mdc-filled-text-field-error-focus-label-text-color: #ba1a1a;
  --mdc-filled-text-field-error-label-text-color: #ba1a1a;
  --mdc-filled-text-field-active-indicator-color: #46464f;
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(27, 27, 31, 0.38);
  --mdc-filled-text-field-hover-active-indicator-color: #1b1b1f;
  --mdc-filled-text-field-error-active-indicator-color: #ba1a1a;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ba1a1a;
  --mdc-filled-text-field-error-hover-active-indicator-color: #93000a;
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 1rem;
  --mdc-filled-text-field-label-text-tracking: 0.031rem;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-caret-color: #343dff;
  --mdc-outlined-text-field-focus-outline-color: #343dff;
  --mdc-outlined-text-field-focus-label-text-color: #343dff;
  --mdc-outlined-text-field-label-text-color: #46464f;
  --mdc-outlined-text-field-hover-label-text-color: #1b1b1f;
  --mdc-outlined-text-field-disabled-label-text-color: rgba(27, 27, 31, 0.38);
  --mdc-outlined-text-field-input-text-color: #1b1b1f;
  --mdc-outlined-text-field-disabled-input-text-color: rgba(27, 27, 31, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: #46464f;
  --mdc-outlined-text-field-error-focus-label-text-color: #ba1a1a;
  --mdc-outlined-text-field-error-label-text-color: #ba1a1a;
  --mdc-outlined-text-field-error-hover-label-text-color: #93000a;
  --mdc-outlined-text-field-outline-color: #777680;
  --mdc-outlined-text-field-disabled-outline-color: rgba(27, 27, 31, 0.12);
  --mdc-outlined-text-field-hover-outline-color: #1b1b1f;
  --mdc-outlined-text-field-error-focus-outline-color: #ba1a1a;
  --mdc-outlined-text-field-error-hover-outline-color: #93000a;
  --mdc-outlined-text-field-error-outline-color: #ba1a1a;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 1rem;
  --mdc-outlined-text-field-label-text-tracking: 0.031rem;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: #343dff;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(27, 27, 31, 0.38);
  --mat-form-field-state-layer-color: #1b1b1f;
  --mat-form-field-error-text-color: #ba1a1a;
  --mat-form-field-select-option-text-color: #1b1b1f;
  --mat-form-field-select-disabled-option-text-color: rgba(27, 27, 31, 0.38);
  --mat-form-field-leading-icon-color: #46464f;
  --mat-form-field-disabled-leading-icon-color: rgba(27, 27, 31, 0.38);
  --mat-form-field-trailing-icon-color: #46464f;
  --mat-form-field-disabled-trailing-icon-color: rgba(27, 27, 31, 0.38);
  --mat-form-field-error-focus-trailing-icon-color: #ba1a1a;
  --mat-form-field-error-hover-trailing-icon-color: #93000a;
  --mat-form-field-error-trailing-icon-color: #ba1a1a;
  --mat-form-field-enabled-select-arrow-color: #46464f;
  --mat-form-field-disabled-select-arrow-color: rgba(27, 27, 31, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-focus-state-layer-opacity: 0;
}
html {
  --mat-select-panel-background-color: #f0edf1;
  --mat-select-enabled-trigger-text-color: #1b1b1f;
  --mat-select-disabled-trigger-text-color: rgba(27, 27, 31, 0.38);
  --mat-select-placeholder-text-color: #46464f;
  --mat-select-enabled-arrow-color: #46464f;
  --mat-select-disabled-arrow-color: rgba(27, 27, 31, 0.38);
  --mat-select-focused-arrow-color: #343dff;
  --mat-select-invalid-arrow-color: #ba1a1a;
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-circular-progress-active-indicator-color: #343dff;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mat-icon-color: inherit;
}
html {
  --mat-ripple-color: rgba(27, 27, 31, 0.1);
}
html {
  --mat-autocomplete-background-color: #f0edf1;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-option-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

mat-slide-toggle.mat-slide-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.material-icons {
  font-size: 24px;
}

mat-icon.mat-icon {
  height: 1em;
  width: 1em;
}

i.fa,
svg {
  /* mat-icon.mat-icon,  */
  color: inherit;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop {
  background: #000;
  opacity: 0.75 !important;
}

/*Action Checkbox*/
mat-checkbox.mat-checkbox .mat-checkbox-frame {
  border-color: #1d2a3a;
}

mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
mat-checkbox.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #1d2a3a;
}

.mat-button-wrapper {
  justify-content: center;
}

.cdk-overlay-container {
  z-index: 100000;
}

.cdk-overlay-pane {
  transform: none !important;
}

.mat-tooltip-trigger {
  cursor: help;
}

.mat-spinner circle,
.mat-progress-spinner circle {
  stroke: var(--color-primary) !important;
}

.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,
.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--color-primary) !important;
}

@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity-reverse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes translate-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate-to-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate-to-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
html {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: var(--app-color-background);
}

html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: var(--font-size);
  font-family: var(--font-family);
  color: var(--app-color-text);
  background-color: var(--app-color-background);
  touch-action: manipulation;
}

* {
  box-sizing: border-box;
}

::selection {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
}

ol,
ul {
  margin: 0;
  padding: 0;
  padding-left: 2rem;
  margin: 1rem 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

pre {
  margin: 0;
}

input,
textarea,
select,
button {
  font-family: inherit;
}

input,
textarea {
  color: inherit;
  font-size: 1.3333333333rem;
  line-height: 1.25em;
  color: var(--form-color-text);
  background-color: var(--form-color-background);
  border-radius: var(--form-border-radius);
}

input {
  height: var(--form-height);
  padding-block: 0;
  padding-inline: 0;
  padding: 0;
  padding-left: 0.5em;
}

button {
  border-radius: var(--form-border-radius);
  height: var(--form-height);
  margin: 0;
  padding: 0 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: inherit;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  overflow: hidden;
}

button {
  color: inherit;
}

svg {
  color: inherit;
  fill: currentColor;
}

hr {
  margin: 1em 0;
  border: none;
  border-top: 1px solid #9E9E9E;
}

.mat-icon {
  color: inherit;
}

.green-status {
  color: var(--color-success);
}

.red-status {
  color: var(--color-error);
}

.yellow-status {
  color: #FFCA28;
}

.answered-status {
  color: #46cec5;
}

.unanswered-status {
  color: #f47881;
}

[hidden] {
  display: none !important;
}

.wave-clipboard,
[waveClipboard],
[wave-clipboard] {
  cursor: copy;
}

button:has(+ button), button:has(+ wave-time-span-input), button:has(+ wave-button-toggle), button:has(+ wave-button-toggle2), button:has(+ wave-slider), button:has(+ wave-volume-slider), button:has(+ wave-audio), button:has(+ wave-code-editor), button:has(+ wave-file-uploader2), button:has(+ wave-color-picker), button:has(+ wave-radio-group), button:has(+ wave-list-builder), button:has(+ wave-list-builder2), button:has(+ wave-list-builder3), button:has(+ wave-interval), button:has(+ wave-input), button:has(+ wave-input-password), button:has(+ wave-textarea), button:has(+ wave-select), button:has(+ wave-multi-select), button:has(+ wave-checkbox), button:has(+ wave-toggle-switch), button:has(+ wave-label-container), button:has(+ wave-date-input), button:has(+ wave-time-input),
wave-time-span-input:has(+ button),
wave-time-span-input:has(+ wave-time-span-input),
wave-time-span-input:has(+ wave-button-toggle),
wave-time-span-input:has(+ wave-button-toggle2),
wave-time-span-input:has(+ wave-slider),
wave-time-span-input:has(+ wave-volume-slider),
wave-time-span-input:has(+ wave-audio),
wave-time-span-input:has(+ wave-code-editor),
wave-time-span-input:has(+ wave-file-uploader2),
wave-time-span-input:has(+ wave-color-picker),
wave-time-span-input:has(+ wave-radio-group),
wave-time-span-input:has(+ wave-list-builder),
wave-time-span-input:has(+ wave-list-builder2),
wave-time-span-input:has(+ wave-list-builder3),
wave-time-span-input:has(+ wave-interval),
wave-time-span-input:has(+ wave-input),
wave-time-span-input:has(+ wave-input-password),
wave-time-span-input:has(+ wave-textarea),
wave-time-span-input:has(+ wave-select),
wave-time-span-input:has(+ wave-multi-select),
wave-time-span-input:has(+ wave-checkbox),
wave-time-span-input:has(+ wave-toggle-switch),
wave-time-span-input:has(+ wave-label-container),
wave-time-span-input:has(+ wave-date-input),
wave-time-span-input:has(+ wave-time-input),
wave-button-toggle:has(+ button),
wave-button-toggle:has(+ wave-time-span-input),
wave-button-toggle:has(+ wave-button-toggle),
wave-button-toggle:has(+ wave-button-toggle2),
wave-button-toggle:has(+ wave-slider),
wave-button-toggle:has(+ wave-volume-slider),
wave-button-toggle:has(+ wave-audio),
wave-button-toggle:has(+ wave-code-editor),
wave-button-toggle:has(+ wave-file-uploader2),
wave-button-toggle:has(+ wave-color-picker),
wave-button-toggle:has(+ wave-radio-group),
wave-button-toggle:has(+ wave-list-builder),
wave-button-toggle:has(+ wave-list-builder2),
wave-button-toggle:has(+ wave-list-builder3),
wave-button-toggle:has(+ wave-interval),
wave-button-toggle:has(+ wave-input),
wave-button-toggle:has(+ wave-input-password),
wave-button-toggle:has(+ wave-textarea),
wave-button-toggle:has(+ wave-select),
wave-button-toggle:has(+ wave-multi-select),
wave-button-toggle:has(+ wave-checkbox),
wave-button-toggle:has(+ wave-toggle-switch),
wave-button-toggle:has(+ wave-label-container),
wave-button-toggle:has(+ wave-date-input),
wave-button-toggle:has(+ wave-time-input),
wave-button-toggle2:has(+ button),
wave-button-toggle2:has(+ wave-time-span-input),
wave-button-toggle2:has(+ wave-button-toggle),
wave-button-toggle2:has(+ wave-button-toggle2),
wave-button-toggle2:has(+ wave-slider),
wave-button-toggle2:has(+ wave-volume-slider),
wave-button-toggle2:has(+ wave-audio),
wave-button-toggle2:has(+ wave-code-editor),
wave-button-toggle2:has(+ wave-file-uploader2),
wave-button-toggle2:has(+ wave-color-picker),
wave-button-toggle2:has(+ wave-radio-group),
wave-button-toggle2:has(+ wave-list-builder),
wave-button-toggle2:has(+ wave-list-builder2),
wave-button-toggle2:has(+ wave-list-builder3),
wave-button-toggle2:has(+ wave-interval),
wave-button-toggle2:has(+ wave-input),
wave-button-toggle2:has(+ wave-input-password),
wave-button-toggle2:has(+ wave-textarea),
wave-button-toggle2:has(+ wave-select),
wave-button-toggle2:has(+ wave-multi-select),
wave-button-toggle2:has(+ wave-checkbox),
wave-button-toggle2:has(+ wave-toggle-switch),
wave-button-toggle2:has(+ wave-label-container),
wave-button-toggle2:has(+ wave-date-input),
wave-button-toggle2:has(+ wave-time-input),
wave-slider:has(+ button),
wave-slider:has(+ wave-time-span-input),
wave-slider:has(+ wave-button-toggle),
wave-slider:has(+ wave-button-toggle2),
wave-slider:has(+ wave-slider),
wave-slider:has(+ wave-volume-slider),
wave-slider:has(+ wave-audio),
wave-slider:has(+ wave-code-editor),
wave-slider:has(+ wave-file-uploader2),
wave-slider:has(+ wave-color-picker),
wave-slider:has(+ wave-radio-group),
wave-slider:has(+ wave-list-builder),
wave-slider:has(+ wave-list-builder2),
wave-slider:has(+ wave-list-builder3),
wave-slider:has(+ wave-interval),
wave-slider:has(+ wave-input),
wave-slider:has(+ wave-input-password),
wave-slider:has(+ wave-textarea),
wave-slider:has(+ wave-select),
wave-slider:has(+ wave-multi-select),
wave-slider:has(+ wave-checkbox),
wave-slider:has(+ wave-toggle-switch),
wave-slider:has(+ wave-label-container),
wave-slider:has(+ wave-date-input),
wave-slider:has(+ wave-time-input),
wave-volume-slider:has(+ button),
wave-volume-slider:has(+ wave-time-span-input),
wave-volume-slider:has(+ wave-button-toggle),
wave-volume-slider:has(+ wave-button-toggle2),
wave-volume-slider:has(+ wave-slider),
wave-volume-slider:has(+ wave-volume-slider),
wave-volume-slider:has(+ wave-audio),
wave-volume-slider:has(+ wave-code-editor),
wave-volume-slider:has(+ wave-file-uploader2),
wave-volume-slider:has(+ wave-color-picker),
wave-volume-slider:has(+ wave-radio-group),
wave-volume-slider:has(+ wave-list-builder),
wave-volume-slider:has(+ wave-list-builder2),
wave-volume-slider:has(+ wave-list-builder3),
wave-volume-slider:has(+ wave-interval),
wave-volume-slider:has(+ wave-input),
wave-volume-slider:has(+ wave-input-password),
wave-volume-slider:has(+ wave-textarea),
wave-volume-slider:has(+ wave-select),
wave-volume-slider:has(+ wave-multi-select),
wave-volume-slider:has(+ wave-checkbox),
wave-volume-slider:has(+ wave-toggle-switch),
wave-volume-slider:has(+ wave-label-container),
wave-volume-slider:has(+ wave-date-input),
wave-volume-slider:has(+ wave-time-input),
wave-code-editor:has(+ button),
wave-code-editor:has(+ wave-time-span-input),
wave-code-editor:has(+ wave-button-toggle),
wave-code-editor:has(+ wave-button-toggle2),
wave-code-editor:has(+ wave-slider),
wave-code-editor:has(+ wave-volume-slider),
wave-code-editor:has(+ wave-audio),
wave-code-editor:has(+ wave-code-editor),
wave-code-editor:has(+ wave-file-uploader2),
wave-code-editor:has(+ wave-color-picker),
wave-code-editor:has(+ wave-radio-group),
wave-code-editor:has(+ wave-list-builder),
wave-code-editor:has(+ wave-list-builder2),
wave-code-editor:has(+ wave-list-builder3),
wave-code-editor:has(+ wave-interval),
wave-code-editor:has(+ wave-input),
wave-code-editor:has(+ wave-input-password),
wave-code-editor:has(+ wave-textarea),
wave-code-editor:has(+ wave-select),
wave-code-editor:has(+ wave-multi-select),
wave-code-editor:has(+ wave-checkbox),
wave-code-editor:has(+ wave-toggle-switch),
wave-code-editor:has(+ wave-label-container),
wave-code-editor:has(+ wave-date-input),
wave-code-editor:has(+ wave-time-input),
wave-file-uploader2:has(+ button),
wave-file-uploader2:has(+ wave-time-span-input),
wave-file-uploader2:has(+ wave-button-toggle),
wave-file-uploader2:has(+ wave-button-toggle2),
wave-file-uploader2:has(+ wave-slider),
wave-file-uploader2:has(+ wave-volume-slider),
wave-file-uploader2:has(+ wave-audio),
wave-file-uploader2:has(+ wave-code-editor),
wave-file-uploader2:has(+ wave-file-uploader2),
wave-file-uploader2:has(+ wave-color-picker),
wave-file-uploader2:has(+ wave-radio-group),
wave-file-uploader2:has(+ wave-list-builder),
wave-file-uploader2:has(+ wave-list-builder2),
wave-file-uploader2:has(+ wave-list-builder3),
wave-file-uploader2:has(+ wave-interval),
wave-file-uploader2:has(+ wave-input),
wave-file-uploader2:has(+ wave-input-password),
wave-file-uploader2:has(+ wave-textarea),
wave-file-uploader2:has(+ wave-select),
wave-file-uploader2:has(+ wave-multi-select),
wave-file-uploader2:has(+ wave-checkbox),
wave-file-uploader2:has(+ wave-toggle-switch),
wave-file-uploader2:has(+ wave-label-container),
wave-file-uploader2:has(+ wave-date-input),
wave-file-uploader2:has(+ wave-time-input),
wave-color-picker:has(+ button),
wave-color-picker:has(+ wave-time-span-input),
wave-color-picker:has(+ wave-button-toggle),
wave-color-picker:has(+ wave-button-toggle2),
wave-color-picker:has(+ wave-slider),
wave-color-picker:has(+ wave-volume-slider),
wave-color-picker:has(+ wave-audio),
wave-color-picker:has(+ wave-code-editor),
wave-color-picker:has(+ wave-file-uploader2),
wave-color-picker:has(+ wave-color-picker),
wave-color-picker:has(+ wave-radio-group),
wave-color-picker:has(+ wave-list-builder),
wave-color-picker:has(+ wave-list-builder2),
wave-color-picker:has(+ wave-list-builder3),
wave-color-picker:has(+ wave-interval),
wave-color-picker:has(+ wave-input),
wave-color-picker:has(+ wave-input-password),
wave-color-picker:has(+ wave-textarea),
wave-color-picker:has(+ wave-select),
wave-color-picker:has(+ wave-multi-select),
wave-color-picker:has(+ wave-checkbox),
wave-color-picker:has(+ wave-toggle-switch),
wave-color-picker:has(+ wave-label-container),
wave-color-picker:has(+ wave-date-input),
wave-color-picker:has(+ wave-time-input),
wave-radio-group:has(+ button),
wave-radio-group:has(+ wave-time-span-input),
wave-radio-group:has(+ wave-button-toggle),
wave-radio-group:has(+ wave-button-toggle2),
wave-radio-group:has(+ wave-slider),
wave-radio-group:has(+ wave-volume-slider),
wave-radio-group:has(+ wave-audio),
wave-radio-group:has(+ wave-code-editor),
wave-radio-group:has(+ wave-file-uploader2),
wave-radio-group:has(+ wave-color-picker),
wave-radio-group:has(+ wave-radio-group),
wave-radio-group:has(+ wave-list-builder),
wave-radio-group:has(+ wave-list-builder2),
wave-radio-group:has(+ wave-list-builder3),
wave-radio-group:has(+ wave-interval),
wave-radio-group:has(+ wave-input),
wave-radio-group:has(+ wave-input-password),
wave-radio-group:has(+ wave-textarea),
wave-radio-group:has(+ wave-select),
wave-radio-group:has(+ wave-multi-select),
wave-radio-group:has(+ wave-checkbox),
wave-radio-group:has(+ wave-toggle-switch),
wave-radio-group:has(+ wave-label-container),
wave-radio-group:has(+ wave-date-input),
wave-radio-group:has(+ wave-time-input),
wave-audio:has(+ button),
wave-audio:has(+ wave-time-span-input),
wave-audio:has(+ wave-button-toggle),
wave-audio:has(+ wave-button-toggle2),
wave-audio:has(+ wave-slider),
wave-audio:has(+ wave-volume-slider),
wave-audio:has(+ wave-audio),
wave-audio:has(+ wave-code-editor),
wave-audio:has(+ wave-file-uploader2),
wave-audio:has(+ wave-color-picker),
wave-audio:has(+ wave-radio-group),
wave-audio:has(+ wave-list-builder),
wave-audio:has(+ wave-list-builder2),
wave-audio:has(+ wave-list-builder3),
wave-audio:has(+ wave-interval),
wave-audio:has(+ wave-input),
wave-audio:has(+ wave-input-password),
wave-audio:has(+ wave-textarea),
wave-audio:has(+ wave-select),
wave-audio:has(+ wave-multi-select),
wave-audio:has(+ wave-checkbox),
wave-audio:has(+ wave-toggle-switch),
wave-audio:has(+ wave-label-container),
wave-audio:has(+ wave-date-input),
wave-audio:has(+ wave-time-input),
wave-list-builder:has(+ button),
wave-list-builder:has(+ wave-time-span-input),
wave-list-builder:has(+ wave-button-toggle),
wave-list-builder:has(+ wave-button-toggle2),
wave-list-builder:has(+ wave-slider),
wave-list-builder:has(+ wave-volume-slider),
wave-list-builder:has(+ wave-audio),
wave-list-builder:has(+ wave-code-editor),
wave-list-builder:has(+ wave-file-uploader2),
wave-list-builder:has(+ wave-color-picker),
wave-list-builder:has(+ wave-radio-group),
wave-list-builder:has(+ wave-list-builder),
wave-list-builder:has(+ wave-list-builder2),
wave-list-builder:has(+ wave-list-builder3),
wave-list-builder:has(+ wave-interval),
wave-list-builder:has(+ wave-input),
wave-list-builder:has(+ wave-input-password),
wave-list-builder:has(+ wave-textarea),
wave-list-builder:has(+ wave-select),
wave-list-builder:has(+ wave-multi-select),
wave-list-builder:has(+ wave-checkbox),
wave-list-builder:has(+ wave-toggle-switch),
wave-list-builder:has(+ wave-label-container),
wave-list-builder:has(+ wave-date-input),
wave-list-builder:has(+ wave-time-input),
wave-list-builder2:has(+ button),
wave-list-builder2:has(+ wave-time-span-input),
wave-list-builder2:has(+ wave-button-toggle),
wave-list-builder2:has(+ wave-button-toggle2),
wave-list-builder2:has(+ wave-slider),
wave-list-builder2:has(+ wave-volume-slider),
wave-list-builder2:has(+ wave-audio),
wave-list-builder2:has(+ wave-code-editor),
wave-list-builder2:has(+ wave-file-uploader2),
wave-list-builder2:has(+ wave-color-picker),
wave-list-builder2:has(+ wave-radio-group),
wave-list-builder2:has(+ wave-list-builder),
wave-list-builder2:has(+ wave-list-builder2),
wave-list-builder2:has(+ wave-list-builder3),
wave-list-builder2:has(+ wave-interval),
wave-list-builder2:has(+ wave-input),
wave-list-builder2:has(+ wave-input-password),
wave-list-builder2:has(+ wave-textarea),
wave-list-builder2:has(+ wave-select),
wave-list-builder2:has(+ wave-multi-select),
wave-list-builder2:has(+ wave-checkbox),
wave-list-builder2:has(+ wave-toggle-switch),
wave-list-builder2:has(+ wave-label-container),
wave-list-builder2:has(+ wave-date-input),
wave-list-builder2:has(+ wave-time-input),
wave-list-builder3:has(+ button),
wave-list-builder3:has(+ wave-time-span-input),
wave-list-builder3:has(+ wave-button-toggle),
wave-list-builder3:has(+ wave-button-toggle2),
wave-list-builder3:has(+ wave-slider),
wave-list-builder3:has(+ wave-volume-slider),
wave-list-builder3:has(+ wave-audio),
wave-list-builder3:has(+ wave-code-editor),
wave-list-builder3:has(+ wave-file-uploader2),
wave-list-builder3:has(+ wave-color-picker),
wave-list-builder3:has(+ wave-radio-group),
wave-list-builder3:has(+ wave-list-builder),
wave-list-builder3:has(+ wave-list-builder2),
wave-list-builder3:has(+ wave-list-builder3),
wave-list-builder3:has(+ wave-interval),
wave-list-builder3:has(+ wave-input),
wave-list-builder3:has(+ wave-input-password),
wave-list-builder3:has(+ wave-textarea),
wave-list-builder3:has(+ wave-select),
wave-list-builder3:has(+ wave-multi-select),
wave-list-builder3:has(+ wave-checkbox),
wave-list-builder3:has(+ wave-toggle-switch),
wave-list-builder3:has(+ wave-label-container),
wave-list-builder3:has(+ wave-date-input),
wave-list-builder3:has(+ wave-time-input),
wave-interval:has(+ button),
wave-interval:has(+ wave-time-span-input),
wave-interval:has(+ wave-button-toggle),
wave-interval:has(+ wave-button-toggle2),
wave-interval:has(+ wave-slider),
wave-interval:has(+ wave-volume-slider),
wave-interval:has(+ wave-audio),
wave-interval:has(+ wave-code-editor),
wave-interval:has(+ wave-file-uploader2),
wave-interval:has(+ wave-color-picker),
wave-interval:has(+ wave-radio-group),
wave-interval:has(+ wave-list-builder),
wave-interval:has(+ wave-list-builder2),
wave-interval:has(+ wave-list-builder3),
wave-interval:has(+ wave-interval),
wave-interval:has(+ wave-input),
wave-interval:has(+ wave-input-password),
wave-interval:has(+ wave-textarea),
wave-interval:has(+ wave-select),
wave-interval:has(+ wave-multi-select),
wave-interval:has(+ wave-checkbox),
wave-interval:has(+ wave-toggle-switch),
wave-interval:has(+ wave-label-container),
wave-interval:has(+ wave-date-input),
wave-interval:has(+ wave-time-input),
wave-validation-errors:has(+ button),
wave-validation-errors:has(+ wave-time-span-input),
wave-validation-errors:has(+ wave-button-toggle),
wave-validation-errors:has(+ wave-button-toggle2),
wave-validation-errors:has(+ wave-slider),
wave-validation-errors:has(+ wave-volume-slider),
wave-validation-errors:has(+ wave-audio),
wave-validation-errors:has(+ wave-code-editor),
wave-validation-errors:has(+ wave-file-uploader2),
wave-validation-errors:has(+ wave-color-picker),
wave-validation-errors:has(+ wave-radio-group),
wave-validation-errors:has(+ wave-list-builder),
wave-validation-errors:has(+ wave-list-builder2),
wave-validation-errors:has(+ wave-list-builder3),
wave-validation-errors:has(+ wave-interval),
wave-validation-errors:has(+ wave-input),
wave-validation-errors:has(+ wave-input-password),
wave-validation-errors:has(+ wave-textarea),
wave-validation-errors:has(+ wave-select),
wave-validation-errors:has(+ wave-multi-select),
wave-validation-errors:has(+ wave-checkbox),
wave-validation-errors:has(+ wave-toggle-switch),
wave-validation-errors:has(+ wave-label-container),
wave-validation-errors:has(+ wave-date-input),
wave-validation-errors:has(+ wave-time-input),
wave-input:has(+ button),
wave-input:has(+ wave-time-span-input),
wave-input:has(+ wave-button-toggle),
wave-input:has(+ wave-button-toggle2),
wave-input:has(+ wave-slider),
wave-input:has(+ wave-volume-slider),
wave-input:has(+ wave-audio),
wave-input:has(+ wave-code-editor),
wave-input:has(+ wave-file-uploader2),
wave-input:has(+ wave-color-picker),
wave-input:has(+ wave-radio-group),
wave-input:has(+ wave-list-builder),
wave-input:has(+ wave-list-builder2),
wave-input:has(+ wave-list-builder3),
wave-input:has(+ wave-interval),
wave-input:has(+ wave-input),
wave-input:has(+ wave-input-password),
wave-input:has(+ wave-textarea),
wave-input:has(+ wave-select),
wave-input:has(+ wave-multi-select),
wave-input:has(+ wave-checkbox),
wave-input:has(+ wave-toggle-switch),
wave-input:has(+ wave-label-container),
wave-input:has(+ wave-date-input),
wave-input:has(+ wave-time-input),
wave-input-password:has(+ button),
wave-input-password:has(+ wave-time-span-input),
wave-input-password:has(+ wave-button-toggle),
wave-input-password:has(+ wave-button-toggle2),
wave-input-password:has(+ wave-slider),
wave-input-password:has(+ wave-volume-slider),
wave-input-password:has(+ wave-audio),
wave-input-password:has(+ wave-code-editor),
wave-input-password:has(+ wave-file-uploader2),
wave-input-password:has(+ wave-color-picker),
wave-input-password:has(+ wave-radio-group),
wave-input-password:has(+ wave-list-builder),
wave-input-password:has(+ wave-list-builder2),
wave-input-password:has(+ wave-list-builder3),
wave-input-password:has(+ wave-interval),
wave-input-password:has(+ wave-input),
wave-input-password:has(+ wave-input-password),
wave-input-password:has(+ wave-textarea),
wave-input-password:has(+ wave-select),
wave-input-password:has(+ wave-multi-select),
wave-input-password:has(+ wave-checkbox),
wave-input-password:has(+ wave-toggle-switch),
wave-input-password:has(+ wave-label-container),
wave-input-password:has(+ wave-date-input),
wave-input-password:has(+ wave-time-input),
wave-textarea:has(+ button),
wave-textarea:has(+ wave-time-span-input),
wave-textarea:has(+ wave-button-toggle),
wave-textarea:has(+ wave-button-toggle2),
wave-textarea:has(+ wave-slider),
wave-textarea:has(+ wave-volume-slider),
wave-textarea:has(+ wave-audio),
wave-textarea:has(+ wave-code-editor),
wave-textarea:has(+ wave-file-uploader2),
wave-textarea:has(+ wave-color-picker),
wave-textarea:has(+ wave-radio-group),
wave-textarea:has(+ wave-list-builder),
wave-textarea:has(+ wave-list-builder2),
wave-textarea:has(+ wave-list-builder3),
wave-textarea:has(+ wave-interval),
wave-textarea:has(+ wave-input),
wave-textarea:has(+ wave-input-password),
wave-textarea:has(+ wave-textarea),
wave-textarea:has(+ wave-select),
wave-textarea:has(+ wave-multi-select),
wave-textarea:has(+ wave-checkbox),
wave-textarea:has(+ wave-toggle-switch),
wave-textarea:has(+ wave-label-container),
wave-textarea:has(+ wave-date-input),
wave-textarea:has(+ wave-time-input),
wave-select:has(+ button),
wave-select:has(+ wave-time-span-input),
wave-select:has(+ wave-button-toggle),
wave-select:has(+ wave-button-toggle2),
wave-select:has(+ wave-slider),
wave-select:has(+ wave-volume-slider),
wave-select:has(+ wave-audio),
wave-select:has(+ wave-code-editor),
wave-select:has(+ wave-file-uploader2),
wave-select:has(+ wave-color-picker),
wave-select:has(+ wave-radio-group),
wave-select:has(+ wave-list-builder),
wave-select:has(+ wave-list-builder2),
wave-select:has(+ wave-list-builder3),
wave-select:has(+ wave-interval),
wave-select:has(+ wave-input),
wave-select:has(+ wave-input-password),
wave-select:has(+ wave-textarea),
wave-select:has(+ wave-select),
wave-select:has(+ wave-multi-select),
wave-select:has(+ wave-checkbox),
wave-select:has(+ wave-toggle-switch),
wave-select:has(+ wave-label-container),
wave-select:has(+ wave-date-input),
wave-select:has(+ wave-time-input),
wave-multi-select:has(+ button),
wave-multi-select:has(+ wave-time-span-input),
wave-multi-select:has(+ wave-button-toggle),
wave-multi-select:has(+ wave-button-toggle2),
wave-multi-select:has(+ wave-slider),
wave-multi-select:has(+ wave-volume-slider),
wave-multi-select:has(+ wave-audio),
wave-multi-select:has(+ wave-code-editor),
wave-multi-select:has(+ wave-file-uploader2),
wave-multi-select:has(+ wave-color-picker),
wave-multi-select:has(+ wave-radio-group),
wave-multi-select:has(+ wave-list-builder),
wave-multi-select:has(+ wave-list-builder2),
wave-multi-select:has(+ wave-list-builder3),
wave-multi-select:has(+ wave-interval),
wave-multi-select:has(+ wave-input),
wave-multi-select:has(+ wave-input-password),
wave-multi-select:has(+ wave-textarea),
wave-multi-select:has(+ wave-select),
wave-multi-select:has(+ wave-multi-select),
wave-multi-select:has(+ wave-checkbox),
wave-multi-select:has(+ wave-toggle-switch),
wave-multi-select:has(+ wave-label-container),
wave-multi-select:has(+ wave-date-input),
wave-multi-select:has(+ wave-time-input),
wave-checkbox:has(+ button),
wave-checkbox:has(+ wave-time-span-input),
wave-checkbox:has(+ wave-button-toggle),
wave-checkbox:has(+ wave-button-toggle2),
wave-checkbox:has(+ wave-slider),
wave-checkbox:has(+ wave-volume-slider),
wave-checkbox:has(+ wave-audio),
wave-checkbox:has(+ wave-code-editor),
wave-checkbox:has(+ wave-file-uploader2),
wave-checkbox:has(+ wave-color-picker),
wave-checkbox:has(+ wave-radio-group),
wave-checkbox:has(+ wave-list-builder),
wave-checkbox:has(+ wave-list-builder2),
wave-checkbox:has(+ wave-list-builder3),
wave-checkbox:has(+ wave-interval),
wave-checkbox:has(+ wave-input),
wave-checkbox:has(+ wave-input-password),
wave-checkbox:has(+ wave-textarea),
wave-checkbox:has(+ wave-select),
wave-checkbox:has(+ wave-multi-select),
wave-checkbox:has(+ wave-checkbox),
wave-checkbox:has(+ wave-toggle-switch),
wave-checkbox:has(+ wave-label-container),
wave-checkbox:has(+ wave-date-input),
wave-checkbox:has(+ wave-time-input),
wave-toggle-switch:has(+ button),
wave-toggle-switch:has(+ wave-time-span-input),
wave-toggle-switch:has(+ wave-button-toggle),
wave-toggle-switch:has(+ wave-button-toggle2),
wave-toggle-switch:has(+ wave-slider),
wave-toggle-switch:has(+ wave-volume-slider),
wave-toggle-switch:has(+ wave-audio),
wave-toggle-switch:has(+ wave-code-editor),
wave-toggle-switch:has(+ wave-file-uploader2),
wave-toggle-switch:has(+ wave-color-picker),
wave-toggle-switch:has(+ wave-radio-group),
wave-toggle-switch:has(+ wave-list-builder),
wave-toggle-switch:has(+ wave-list-builder2),
wave-toggle-switch:has(+ wave-list-builder3),
wave-toggle-switch:has(+ wave-interval),
wave-toggle-switch:has(+ wave-input),
wave-toggle-switch:has(+ wave-input-password),
wave-toggle-switch:has(+ wave-textarea),
wave-toggle-switch:has(+ wave-select),
wave-toggle-switch:has(+ wave-multi-select),
wave-toggle-switch:has(+ wave-checkbox),
wave-toggle-switch:has(+ wave-toggle-switch),
wave-toggle-switch:has(+ wave-label-container),
wave-toggle-switch:has(+ wave-date-input),
wave-toggle-switch:has(+ wave-time-input),
wave-label-container:has(+ button),
wave-label-container:has(+ wave-time-span-input),
wave-label-container:has(+ wave-button-toggle),
wave-label-container:has(+ wave-button-toggle2),
wave-label-container:has(+ wave-slider),
wave-label-container:has(+ wave-volume-slider),
wave-label-container:has(+ wave-audio),
wave-label-container:has(+ wave-code-editor),
wave-label-container:has(+ wave-file-uploader2),
wave-label-container:has(+ wave-color-picker),
wave-label-container:has(+ wave-radio-group),
wave-label-container:has(+ wave-list-builder),
wave-label-container:has(+ wave-list-builder2),
wave-label-container:has(+ wave-list-builder3),
wave-label-container:has(+ wave-interval),
wave-label-container:has(+ wave-input),
wave-label-container:has(+ wave-input-password),
wave-label-container:has(+ wave-textarea),
wave-label-container:has(+ wave-select),
wave-label-container:has(+ wave-multi-select),
wave-label-container:has(+ wave-checkbox),
wave-label-container:has(+ wave-toggle-switch),
wave-label-container:has(+ wave-label-container),
wave-label-container:has(+ wave-date-input),
wave-label-container:has(+ wave-time-input),
wave-date-input:has(+ button),
wave-date-input:has(+ wave-time-span-input),
wave-date-input:has(+ wave-button-toggle),
wave-date-input:has(+ wave-button-toggle2),
wave-date-input:has(+ wave-slider),
wave-date-input:has(+ wave-volume-slider),
wave-date-input:has(+ wave-audio),
wave-date-input:has(+ wave-code-editor),
wave-date-input:has(+ wave-file-uploader2),
wave-date-input:has(+ wave-color-picker),
wave-date-input:has(+ wave-radio-group),
wave-date-input:has(+ wave-list-builder),
wave-date-input:has(+ wave-list-builder2),
wave-date-input:has(+ wave-list-builder3),
wave-date-input:has(+ wave-interval),
wave-date-input:has(+ wave-input),
wave-date-input:has(+ wave-input-password),
wave-date-input:has(+ wave-textarea),
wave-date-input:has(+ wave-select),
wave-date-input:has(+ wave-multi-select),
wave-date-input:has(+ wave-checkbox),
wave-date-input:has(+ wave-toggle-switch),
wave-date-input:has(+ wave-label-container),
wave-date-input:has(+ wave-date-input),
wave-date-input:has(+ wave-time-input),
wave-time-input:has(+ button),
wave-time-input:has(+ wave-time-span-input),
wave-time-input:has(+ wave-button-toggle),
wave-time-input:has(+ wave-button-toggle2),
wave-time-input:has(+ wave-slider),
wave-time-input:has(+ wave-volume-slider),
wave-time-input:has(+ wave-audio),
wave-time-input:has(+ wave-code-editor),
wave-time-input:has(+ wave-file-uploader2),
wave-time-input:has(+ wave-color-picker),
wave-time-input:has(+ wave-radio-group),
wave-time-input:has(+ wave-list-builder),
wave-time-input:has(+ wave-list-builder2),
wave-time-input:has(+ wave-list-builder3),
wave-time-input:has(+ wave-interval),
wave-time-input:has(+ wave-input),
wave-time-input:has(+ wave-input-password),
wave-time-input:has(+ wave-textarea),
wave-time-input:has(+ wave-select),
wave-time-input:has(+ wave-multi-select),
wave-time-input:has(+ wave-checkbox),
wave-time-input:has(+ wave-toggle-switch),
wave-time-input:has(+ wave-label-container),
wave-time-input:has(+ wave-date-input),
wave-time-input:has(+ wave-time-input) {
  margin-bottom: 1em;
}

wave-input:has(+ wave-validation-errors),
wave-textarea:has(+ wave-validation-errors) {
  margin-bottom: 0;
}

wave-toolbar .toolbar-content button,
wave-toolbar .toolbar-content wave-input,
wave-toolbar .toolbar-content wave-textarea,
wave-toolbar .toolbar-content wave-toggle-switch,
wave-toolbar .toolbar-content wave-button-toggle,
wave-toolbar .toolbar-content wave-button-toggle2,
wave-toolbar .toolbar-content wave-select,
wave-toolbar .toolbar-content wave-multi-select,
wave-toolbar .toolbar-content wave-checkbox,
wave-toolbar .toolbar-content wave-date-input,
wave-toolbar .toolbar-content wave-time-input {
  margin-bottom: 0;
}

::-ms-clear {
  display: none;
}

/*
Some fix on date-selector
*/
wave-edit-message .dateTimeGroup p-calendar .ui-calendar .ui-datepicker {
  left: auto !important;
  right: 0;
}

*:focus {
  outline: none;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
    Removes ugly x from text boxes in IE.
    REF: http://geektnt.com/how-to-remove-x-from-search-input-field-on-chrome-and-ie.html
*/
input[type=text]::-ms-reveal input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* Chrome, Safari, Edge, Opera */
/* remove up/down arrows on input */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input:-webkit-autofill {
  -webkit-text-fill-color: var(--form-color-text) !important;
  box-shadow: 0 0 0 var(--form-height) inset var(--form-color-background) !important;
}
input:-webkit-autofill:focus {
  box-shadow: 0 0 0 var(--form-height) inset var(--form-color-background-highlight) !important;
}

@keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.safari input,
.safari input:focus {
  animation: blink_input_opacity_to_prevent_scrolling_when_focus 0.01s;
}

:root {
  --font-family: system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-size: 12px;
  --color-success: #1B5E20;
  --color-info: #212121;
  --color-warning: #E65100;
  --color-error: #B71C1C;
  --text-color-light-high-emphasis: rgba(255, 255, 255, 0.9);
  --text-color-light-medium-emphasis: rgba(255, 255, 255, 0.6);
  --text-color-light-disabled: rgba(255, 255, 255, 0.38);
  --text-color-dark-high-emphasis: rgba(0, 0, 0, 0.87);
  --text-color-dark-medium-emphasis: rgba(0, 0, 0, 0.6);
  --text-color-dark-disabled: rgba(0, 0, 0, 0.38);
  --color-status-ready: #388E3C;
  --color-status-acw: #F57C00;
  --color-status-after-call-work: var(--color-status-acw);
  --color-status-pause: #FBC02D;
  --color-status-pause-admin: #1976D2;
  --color-status-wrap-up: #7B1FA2;
  --color-status-wrapup: var(--color-status-wrap-up);
  --color-status-unknown: #90A4AE;
  --color-incoming: #90CAF9;
  --color-outgoing: #A5D6A7;
  --color-status-available: #388E3C;
  --color-status-partially-available: #FFA000;
  --color-status-unavailable: #D32F2F;
  --color-answered: #388E3C;
  --color-unanswered: #D32F2F;
  --color-answered-sla: #2196F3;
  --color-primary: #fed030;
  --color-primary: #2196F3;
  --color-primary: #2196F3;
  --color-primary-highlight: #1565C0;
  --color-primary-focus: var(--color-primary-highlight);
  --color-primary-text: var(--text-color-light-high-emphasis);
  --color-secondary: #2196F3;
  --color-secondary-text: var(--text-color-light-high-emphasis);
  --color-highlight: var(--color-primary);
  --color-highlight-text: var(--color-primary-text);
  --color-backdrop: rgba(0, 0, 0, 0.6);
  --transition-timing-long: 800ms;
  --transition-timing-default: 400ms;
  --transition-timing-normal: 400ms;
  --transition-timing-fast: 200ms;
  --outline: 1px solid var(--color-primary);
  --form-height: 3rem;
  --form-border-radius: 0.5rem;
  --form-item-height: 3rem;
  --toolbar-height: 4.5rem;
  --table-body-row-height: 4rem;
  --table-header-row-height: 4.5rem;
  --table-footer-row-height: 4.5rem;
  --header-height: 4.5rem;
  --header-border-width: 0.5rem;
  --shadow-color: rgba(0, 0, 0, 0.4);
  --shadow-size: 0.25rem;
  --top-shadow: 0 var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --left-shadow: var(--shadow-size) 0 var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --right-shadow: calc(-1 * var(--shadow-size)) 0 var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --bottom-shadow: 0 calc(-1 * var(--shadow-size)) var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --highlight-color-text: #fed030;
  --highlight-color-text: var(--text-color-dark-high-emphasis);
  --highlight-color-background: #E3F2FD;
  --text-color-high-emphasis: var(--text-color-dark-high-emphasis);
  --text-color-medium-emphasis: var(--text-color-dark-medium-emphasis);
  --text-color-disabled: var(--text-color-dark-disabled);
  --scrollbar-thumb-color: #757575;
  --scrollbar-thumb-track: #9E9E9E;
  --header-color-background: #37474F;
  --header-color-text: rgba(255, 255, 255, 0.9);
  --header-border-bottom-color: #000015;
  --toolbar-color-background: #37474F;
  --toolbar-color-text: rgba(255, 255, 255, 0.9);
  --toolbar-color-shadow: #263238;
  --toolbar-box-shadow: 0px 1px 0px 0px var(--toolbar-color-shadow);
  --toolbar-box-shadow: none;
  --toolbar-color-background-secondary: #CFD8DC;
  --toolbar-color-text-secondary: rgba(0, 0, 0, 0.87);
  --toolbar-color-shadow-secondary: #90A4AE;
  --toolbar-secondary-box-shadow: 0px 1px 0px 0px var(--toolbar-color-shadow-secondary);
  --toolbar-secondary-box-shadow: none;
  --tooltip-color-text: rgba(255, 255, 255, 0.9);
  --tooltip-color-background: #263238;
  --app-color-background: #263238;
  --app-color-text: rgba(0, 0, 0, 0.87);
  --component-color-text: rgba(0, 0, 0, 0.87);
  --component-color-background: #FAFAFA;
  --component-color-background1: var(--component-color-background);
  --component-color-background2: #EEEEEE;
  --tab-color: rgba(255, 255, 255, 0.9);
  --form-color-background: #F5F5F5;
  --form-color-background-highlight: #FAFAFA;
  --form-color-background-highlight: white;
  --form-color-background-disabled: #E0E0E0;
  --form-color-text: rgba(0, 0, 0, 0.87);
  --form-color-text-disabled: rgba(0, 0, 0, 0.38);
  --form-color-placeholder: #757575;
  --form-color-header: #F5F5F5;
  --form-box-shadow: none;
  --form-box-shadow-highlight: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --form-outline: #E0E0E0 solid 1px;
  --form-outline-highlight: var(--color-primary) solid 1px;
  --row-color-background-odd: #F5F5F5;
  --row-color-background-odd: #FAFAFA;
  --row-color-background-even: var(--row-color-background-odd);
  --row-color-background-highlight: var(--highlight-color-background);
  --row-color-text-highlight: var(--highlight-color-text);
  --table-header-color-background: #EEEEEE;
  --table-header-color-background-highlight: var(--highlight-color-background);
  --table-header-color-text-highlight: var(--highlight-color-text);
  --table-header-shadow: var(--bottom-shadow);
  --table-row-highlight-background-color: var(--row-color-background-highlight);
  --table-row-highlight-text-color: var(--row-color-text-highlight);
  --row-color-border: #EEEEEE;
  --row-border: 1px solid var(--row-color-border);
  --row-box-shadow: inset 0 -1px 0 0 var(--row-color-border);
  --row-box-shadow: 0 1px 0 0 var(--row-color-border), 0 -1px 0 0 var(--row-color-border);
  --contact-card-color-text: var(--form-color-text);
  --contact-card-color-background: var(--form-color-background);
  --contact-card-color-background-selected: var(--form-color-background-highlight);
  --contact-card-box-shadow: var(--form-box-shadow);
  --contact-card-box-shadow-selected: var(--form-box-shadow-highlight);
  --contact-card-border-radius: var(--form-border-radius);
  --contact-card-outline: var(--form-outline);
  --contact-card-outline-selected: var(--form-outline-highlight);
  --button-color-text: rgba(0, 0, 0, 0.87);
  --button-color-background: #F5F5F5;
  --button-color-background-highlight: #BDBDBD;
  --color-chat-system: #EEEEEE;
  --color-chat-agent: #E0E0E0;
  --color-chat-end-user: #F5F5F5;
  --login-color-background: var(--app-color-background);
  --login-color-text: rgba(255, 255, 255, 0.9);
}
:root[color-scheme=light] {
  --app-color-background: #F5F5F5;
  --app-color-text: rgba(0, 0, 0, 0.87);
  --component-color-background: #FAFAFA;
  --component-color-background2: #F5F5F5;
  --highlight-color-text: rgba(0, 0, 0, 0.87);
  --highlight-color-background: #CFD8DC;
  --text-color-high-emphasis: var(--text-color-dark-high-emphasis);
  --text-color-medium-emphasis: var(--text-color-dark-medium-emphasis);
  --text-color-disabled: var(--text-color-dark-disabled);
  --scrollbar-thumb-color: #757575;
  --scrollbar-thumb-track: #9E9E9E;
  --header-color: #263238;
  --header-text-color: rgba(255, 255, 255, 0.9);
  --header-border-bottom-color: #455A64;
  --toolbar-color-background: #ECEFF1;
  --toolbar-color-text: rgba(0, 0, 0, 0.87);
  --toolbar-color-shadow: #90A4AE;
  --toolbar-color-background-secondary: #B0BEC5;
  --toolbar-color-text-secondary: rgba(0, 0, 0, 0.87);
  --toolbar-color-shadow-secondary: #78909C;
  --tooltip-color-text: rgba(255, 255, 255, 0.9);
  --tooltip-color-background: #212121;
  --tab-color: inherit;
  --form-color-background: #FAFAFA;
  --form-color-background: #F5F5F5;
  --form-color-background-highlight: white;
  --form-color-background-disabled: #EEEEEE;
  --form-color-text: rgba(0, 0, 0, 0.87);
  --form-color-text-disabled: rgba(0, 0, 0, 0.38);
  --form-color-placeholder: #757575;
  --form-color-header: #F5F5F5;
  --form-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --form-box-shadow-highlight: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --form-outline: #BDBDBD solid 1px;
  --form-outline-highlight: var(--color-primary) solid 1px;
  --table-header-color-background: #ECEFF1;
  --table-header-color-background-highlight: #FAFAFA;
  --table-header-shadow: 0 0 0.5em rgba(0, 0, 0, 0.4);
  --contact-card-color-text: rgba(255, 255, 255, 0.9);
  --contact-card-color-background: #EEEEEE;
  --contact-card-color-background-selected: #FAFAFA;
  --button-color-text: rgba(0, 0, 0, 0.87);
  --button-color-background: #ffffff;
  --button-color-background-highlight: #EEEEEE;
  --row-color-background-odd: #ffffff;
  --row-color-background-even: var(--row-color-background-odd);
  --row-color-border: #EEEEEE;
  --color-chat-system: #EEEEEE;
  --color-chat-agent: #E0E0E0;
  --color-chat-end-user: #F5F5F5;
  --login-color-background: #000015;
  --login-color-text: rgba(255, 255, 255, 0.9);
}
:root[color-scheme=dark] {
  --text-color-high-emphasis: var(--text-color-light-high-emphasis);
  --text-color-medium-emphasis: var(--text-color-light-medium-emphasis);
  --text-color-disabled: var(--text-color-light-disabled);
  --scrollbar-thumb-color: #616161;
  --scrollbar-thumb-track: #0f0f0f;
  --highlight-color-text: var(--text-color-light-high-emphasis);
  --highlight-color-background: #2e2e2e;
  --app-color-background: #2d2d2d;
  --app-color-text: rgba(255, 255, 255, 0.9);
  --component-color-background: #272727;
  --component-color-background2: #353535;
  --header-color: #0f0f0f;
  --header-text-color: rgba(255, 255, 255, 0.9);
  --header-border-bottom-color: #2d2d2d;
  --toolbar-color-background: #181818;
  --toolbar-color-text: rgba(255, 255, 255, 0.9);
  --toolbar-color-shadow: #272727;
  --toolbar-color-background-secondary: #353535;
  --toolbar-color-text-secondary: rgba(255, 255, 255, 0.9);
  --toolbar-color-shadow-secondary: #272727;
  --tooltip-color-text: rgba(0, 0, 0, 0.87);
  --tooltip-color-background: #FAFAFA;
  --tab-color: inherit;
  --form-color-background: #121212;
  --form-color-background-highlight: #121212;
  --form-color-background-disabled: #353535;
  --form-color-text: rgba(255, 255, 255, 0.9);
  --form-color-text-disabled: rgba(255, 255, 255, 0.38);
  --form-color-placeholder: #9E9E9E;
  --form-color-header: #353535;
  --form-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --form-box-shadow-highlight: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --form-outline: #424242 solid 1px;
  --form-outline-highlight: var(--color-primary) solid 1px;
  --table-header-color-background: #272727;
  --table-header-color-background-highlight: #2d2d2d;
  --table-header-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);
  --contact-card-color-text: rgba(255, 255, 255, 0.9);
  --contact-card-color-background: #353535;
  --contact-card-color-background-selected: #1e1e1e;
  --button-color-text: rgba(255, 255, 255, 0.9);
  --button-color-background: #1e1e1e;
  --button-color-background-highlight: #121212;
  --row-color-background-odd: #353535;
  --row-color-background-even: var(--row-color-background-odd);
  --row-color-border: #272727;
  --color-chat-system: #313131;
  --color-chat-agent: #303030;
  --color-chat-end-user: #353535;
  --login-color-background: #000015;
  --login-color-text: rgba(255, 255, 255, 0.9);
}

@media (max-width: 768px) {
  :root {
    --form-height: 3rem;
    --form-item-height: 3.5rem;
    --toolbar-height: 5rem;
    --table-body-row-height: 4rem;
    --table-header-row-height: 4rem;
    --header-height: 3rem;
  }
}
@media (prefers-color-scheme: light) {
  :root[color-scheme=browser] {
    --app-color-background: #F5F5F5;
    --app-color-text: rgba(0, 0, 0, 0.87);
    --component-color-background: #FAFAFA;
    --component-color-background2: #F5F5F5;
    --highlight-color-text: rgba(0, 0, 0, 0.87);
    --highlight-color-background: #CFD8DC;
    --text-color-high-emphasis: var(--text-color-dark-high-emphasis);
    --text-color-medium-emphasis: var(--text-color-dark-medium-emphasis);
    --text-color-disabled: var(--text-color-dark-disabled);
    --scrollbar-thumb-color: #757575;
    --scrollbar-thumb-track: #9E9E9E;
    --header-color: #263238;
    --header-text-color: rgba(255, 255, 255, 0.9);
    --header-border-bottom-color: #455A64;
    --toolbar-color-background: #ECEFF1;
    --toolbar-color-text: rgba(0, 0, 0, 0.87);
    --toolbar-color-shadow: #90A4AE;
    --toolbar-color-background-secondary: #B0BEC5;
    --toolbar-color-text-secondary: rgba(0, 0, 0, 0.87);
    --toolbar-color-shadow-secondary: #78909C;
    --tooltip-color-text: rgba(255, 255, 255, 0.9);
    --tooltip-color-background: #212121;
    --tab-color: inherit;
    --form-color-background: #FAFAFA;
    --form-color-background: #F5F5F5;
    --form-color-background-highlight: white;
    --form-color-background-disabled: #EEEEEE;
    --form-color-text: rgba(0, 0, 0, 0.87);
    --form-color-text-disabled: rgba(0, 0, 0, 0.38);
    --form-color-placeholder: #757575;
    --form-color-header: #F5F5F5;
    --form-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --form-box-shadow-highlight: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    --form-outline: #BDBDBD solid 1px;
    --form-outline-highlight: var(--color-primary) solid 1px;
    --table-header-color-background: #ECEFF1;
    --table-header-color-background-highlight: #FAFAFA;
    --table-header-shadow: 0 0 0.5em rgba(0, 0, 0, 0.4);
    --contact-card-color-text: rgba(255, 255, 255, 0.9);
    --contact-card-color-background: #EEEEEE;
    --contact-card-color-background-selected: #FAFAFA;
    --button-color-text: rgba(0, 0, 0, 0.87);
    --button-color-background: #ffffff;
    --button-color-background-highlight: #EEEEEE;
    --row-color-background-odd: #ffffff;
    --row-color-background-even: var(--row-color-background-odd);
    --row-color-border: #EEEEEE;
    --color-chat-system: #EEEEEE;
    --color-chat-agent: #E0E0E0;
    --color-chat-end-user: #F5F5F5;
    --login-color-background: #000015;
    --login-color-text: rgba(255, 255, 255, 0.9);
  }
}
@media (prefers-color-scheme: dark) {
  :root[color-scheme=browser] {
    --text-color-high-emphasis: var(--text-color-light-high-emphasis);
    --text-color-medium-emphasis: var(--text-color-light-medium-emphasis);
    --text-color-disabled: var(--text-color-light-disabled);
    --scrollbar-thumb-color: #616161;
    --scrollbar-thumb-track: #0f0f0f;
    --highlight-color-text: var(--text-color-light-high-emphasis);
    --highlight-color-background: #2e2e2e;
    --app-color-background: #2d2d2d;
    --app-color-text: rgba(255, 255, 255, 0.9);
    --component-color-background: #272727;
    --component-color-background2: #353535;
    --header-color: #0f0f0f;
    --header-text-color: rgba(255, 255, 255, 0.9);
    --header-border-bottom-color: #2d2d2d;
    --toolbar-color-background: #181818;
    --toolbar-color-text: rgba(255, 255, 255, 0.9);
    --toolbar-color-shadow: #272727;
    --toolbar-color-background-secondary: #353535;
    --toolbar-color-text-secondary: rgba(255, 255, 255, 0.9);
    --toolbar-color-shadow-secondary: #272727;
    --tooltip-color-text: rgba(0, 0, 0, 0.87);
    --tooltip-color-background: #FAFAFA;
    --tab-color: inherit;
    --form-color-background: #121212;
    --form-color-background-highlight: #121212;
    --form-color-background-disabled: #353535;
    --form-color-text: rgba(255, 255, 255, 0.9);
    --form-color-text-disabled: rgba(255, 255, 255, 0.38);
    --form-color-placeholder: #9E9E9E;
    --form-color-header: #353535;
    --form-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --form-box-shadow-highlight: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    --form-outline: #424242 solid 1px;
    --form-outline-highlight: var(--color-primary) solid 1px;
    --table-header-color-background: #272727;
    --table-header-color-background-highlight: #2d2d2d;
    --table-header-shadow: 0 0 0.5em rgba(0, 0, 0, 0.8);
    --contact-card-color-text: rgba(255, 255, 255, 0.9);
    --contact-card-color-background: #353535;
    --contact-card-color-background-selected: #1e1e1e;
    --button-color-text: rgba(255, 255, 255, 0.9);
    --button-color-background: #1e1e1e;
    --button-color-background-highlight: #121212;
    --row-color-background-odd: #353535;
    --row-color-background-even: var(--row-color-background-odd);
    --row-color-border: #272727;
    --color-chat-system: #313131;
    --color-chat-agent: #303030;
    --color-chat-end-user: #353535;
    --login-color-background: #000015;
    --login-color-text: rgba(255, 255, 255, 0.9);
  }
}
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  overflow: hidden;
  box-shadow: var(--row-box-shadow);
}

thead {
  display: table-header-group;
  vertical-align: middle;
  box-shadow: 0 -0.5em 0.5em 0.5em rgba(0, 0, 0, 0.2);
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  box-shadow: 0px 1px 0 green, 0px -1px 0 yellow;
}
tbody tr {
  box-shadow: var(--row-box-shadow);
}

td,
th {
  padding: 0;
  padding-left: 0.5em;
  text-align: left;
}

tr {
  display: table-row;
  vertical-align: middle;
}

thead {
  box-shadow: var(--table-header-shadow);
  position: relative;
}
thead tr {
  height: var(--table-header-row-height);
  max-height: var(--table-header-row-height);
  background-color: var(--table-header-color-background);
}
thead tr th {
  height: var(--table-header-row-height);
  max-height: var(--table-header-row-height);
}

tbody tr {
  height: var(--table-body-row-height);
  max-height: var(--table-body-row-height);
  box-shadow: var(--row-box-shadow);
}
tbody tr td {
  height: var(--table-body-row-height);
  max-height: var(--table-body-row-height);
}
tbody:nth-child(odd) {
  background-color: var(--row-color-background-odd);
}
tbody:nth-child(even) {
  background-color: var(--row-color-background-even);
}

tfoot tr {
  height: var(--table-footer-row-height);
  max-height: var(--table-footer-row-height);
  background-color: var(--table-header-color-background);
}

td {
  height: var(--table-body-row-height);
  max-height: var(--table-body-row-height);
}

th {
  height: var(--table-header-row-height);
  max-height: var(--table-header-row-height);
}

*,
:root {
  scrollbar-width: auto;
  scrollbar-width: thin;
  scrollbar-width: 1rem;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-thumb-track);
}

scrollbar,
::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
}

scrollbar-track,
::-webkit-scrollbar-track {
  background-color: var(--scrollbar-thumb-track);
}

scrollbar-thumb,
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color);
}

.marked {
  flex: none;
  display: flex;
  flex-direction: column;
  white-space: pre-line;
  word-break: break-all;
  word-break: break-word;
  overflow: hidden;
}
.marked > * {
  margin-bottom: 0.25em;
}
.marked ol,
.marked ul {
  line-height: 0.25;
  margin: 0;
  margin-bottom: 0.25em;
  padding-left: 1.5em;
}
.marked ol li,
.marked ul li {
  line-height: 1.25;
}
.marked pre {
  margin: 0;
}
.marked blockquote {
  line-height: 0.5;
  margin: 0;
  margin-left: 1em;
}
.marked blockquote p {
  line-height: 1.5;
  margin: 0;
}
.marked a {
  text-decoration: underline;
}
.marked h1,
.marked h2,
.marked h3,
.marked h4,
.marked h5,
.marked h6 {
  margin-bottom: 0;
  line-height: 2em;
}
*:has(> .wave-shadow-box) {
  position: relative;
}

.wave-shadow-box {
  --scroll-shadow-size: 2rem;
  --scroll-shadow-color: rgba(0, 0, 0, 0.2);
  --scroll-shadow: inset 0 calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-size) calc(-1 * var(--scroll-shadow-size)) var(--scroll-shadow-color);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - var(--scroll-shadow-size));
  pointer-events: none;
  box-shadow: var(--scroll-shadow);
}

.wave-drag-drop-handle {
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  pointer-events: all;
  cursor: grab !important;
}
.wave-drag-drop-handle.dragging {
  cursor: grabbing;
}

.wave-drag-drop-dragging {
  cursor: grabbing !important;
}

.wave-drag-drop-container .wave-drag-drop-item {
  -webkit-user-select: none;
          user-select: none;
}

.wave-drag-drop-item.wave-drag-drop-placeholder {
  opacity: 0.8;
}
.wave-drag-drop-item.wave-drag-drop-dragging {
  opacity: 0.6;
}
.wave-drag-drop-item.wave-drag-drop-clone {
  opacity: 1;
  pointer-events: none;
}
.wave-drag-drop-item.wave-drag-drop-clone .wave-drag-drop-handle {
  pointer-events: none;
}

.wave-drag-drop-container {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: all;
}
.wave-drag-drop-container.dragging-over .wave-drag-drop-item {
  position: relative;
  transition-duration: 200ms;
  transition-property: transform;
}
.wave-drag-drop-container.can-drop {
  pointer-events: all;
}
.wave-drag-drop-container.can-drop .wave-drag-drop-item {
  position: relative;
  transition-duration: 200ms;
  transition-property: transform, position, top;
}
.wave-drag-drop-container.can-drop .wave-drag-drop-clone {
  pointer-events: none;
  transition-duration: 0;
  transition-property: none;
}
.wave-drag-drop-container.can-drop > .wave-drag-drop-placeholder {
  color: var(--color-primary);
}
.wave-drag-drop-container .wave-drag-drop-placeholder {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border-radius: 0.25em;
  color: transparent;
  border: 2px dashed currentColor;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  pointer-events: none;
}
.wave-drag-drop-container .wave-drag-drop-placeholder-default {
  display: flex;
  align-items: center;
}
.wave-drag-drop-container .wave-drag-drop-placeholder-default wave-mdi {
  margin-right: 0.5em;
}
.wave-drag-drop-container .wave-drag-drop-placeholder-text {
  font-size: 1.25em;
  font-weight: bold;
}

/*

    Naming convention should be inherited from CSS: lowercase, hyphen-separated names

    Use double-referencing. For example:

        $brand-color-zisson-blue: #4097db;
        var(--color-primary): $brand-color-zisson-blue;

        .some-class {
            background-color: var(--color-primary);
        }

        That way we can change var(--color-primary) to $super-duper-red without changing every files using var(--color-primary)


    Use the material color palette instead of adding extra colors. It has over 200 colors, should be enough!


*/
/*green*/
/*INCOMMING - call - chats - whatever*/
/*OUTGOING - call - chats - whatever*/
/*CALL Atention to something*/
/*After call color orange*/
/*Yellow*/
/*REDS*/
/*PURPLE*/
/*BLUE*/
/* vegard 11.10.17 */
/* vegard 11.10.17 */
/*OFF*/
/*OTHERS*/
.donutchart text {
  text-anchor: middle;
  font-size: 1.25rem;
  font-weight: bold;
  font-weight: 600;
  color: var(--text-color-light-high-emphasis);
  fill: currentColor;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.donutchart {
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.donutchart svg {
  overflow: visible;
}

.donutchart path {
  stroke: #B0BEC5;
  stroke-width: 0.25rem;
}

.donutchart .center-text {
  font-size: 1.5rem;
  color: var(--text-color-lighdark-high-emphasis);
  fill: currentColor;
  text-shadow: none;
  font-weight: bold;
  font-weight: 600;
}

.donutchart .center-subtext-group {
  transform: translateY(14px);
}

.color_E {
  color: #46cec5;
}

.color_F {
  color: #f47881;
}

.color_G {
  color: #4A86FF;
}