@charset "UTF-8";html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.maintenance-background {
  position: relative;
  width: 100%;
}
.maintenance-background img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto;
  opacity: 0.2;
}

.maintenance-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 2rem 0;
  pointer-events: none;
}

.maintenance-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
}
.maintenance-page .empty-state .primary-text {
  font-size: 2rem;
}
.maintenance-page .empty-state .secondary-text {
  max-width: 60rem;
  margin-inline: auto;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.relex-header-interaction,
.relex-sidebar-interaction {
  display: contents;
}

.relex-header img[alt=logo],
.relex-header [class*=applicationName],
.relex-header [class*=AppName],
.relex-header [class*=app-name] {
  cursor: pointer;
}

.relex-header .navigation-link-group .tab-container .tab-text,
.relex-header .navigation-link-group .tab-container .tab-text.active {
  font-weight: 400;
}

.relex-header .tab-container .active-tab-indicator {
  display: none;
}

.relex-header.active-tab-0 .navigation-link-group .tab-container > .tab-text:nth-child(1) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-0 .navigation-link-group .tab-container > .tab-text:nth-child(1)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-header.active-tab-1 .navigation-link-group .tab-container > .tab-text:nth-child(2) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-1 .navigation-link-group .tab-container > .tab-text:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-header.active-tab-2 .navigation-link-group .tab-container > .tab-text:nth-child(3) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-2 .navigation-link-group .tab-container > .tab-text:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-header.active-tab-3 .navigation-link-group .tab-container > .tab-text:nth-child(4) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-3 .navigation-link-group .tab-container > .tab-text:nth-child(4)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-header.active-tab-4 .navigation-link-group .tab-container > .tab-text:nth-child(5) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-4 .navigation-link-group .tab-container > .tab-text:nth-child(5)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-header.active-tab-5 .navigation-link-group .tab-container > .tab-text:nth-child(6) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-5 .navigation-link-group .tab-container > .tab-text:nth-child(6)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-header.active-tab-6 .navigation-link-group .tab-container > .tab-text:nth-child(7) {
  font-weight: 500;
  position: relative;
}
.relex-header.active-tab-6 .navigation-link-group .tab-container > .tab-text:nth-child(7)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
}

.relex-page {
  background-color: var(--white);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.relex-page h1,
.relex-page h2,
.relex-page h3 {
  margin: 0;
}
.relex-page h1 {
  font-size: 32px;
}
.relex-page h2 {
  font-size: 24px;
}
.relex-page h3 {
  font-size: 16px;
}

.relex-layout-container {
  display: flex;
  flex: 1;
  position: relative;
  min-height: calc(100vh - 64px);
}

.leftNav {
  background-color: var(--grey-300);
}
.leftNav .navigation:has(.sidebar-divider-icon) {
  position: relative;
  min-height: 16px;
  height: 16px;
  cursor: default;
  margin-bottom: 4px;
  background-color: transparent !important;
  border-left: 4px solid transparent !important;
  pointer-events: none;
}
.leftNav .navigation:has(.sidebar-divider-icon)::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: var(--grey-700);
}
.leftNav .sidebar-divider-icon {
  display: none;
  font-size: 0;
}
.leftNav .sidebar-divider-icon + .nav-text {
  display: none;
}

.relex-page-content {
  flex: 1;
  min-width: 0;
  margin: 24px;
  margin-top: 8px;
}

.relex-footer {
  background-color: var(--white);
  border-top: 1px solid var(--grey-400);
  padding: 16px 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-secondary-color);
  font-size: 14px;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.user-search-controls {
  margin: 1rem 0;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.user-details-actions {
  margin-bottom: 1rem;
}

.user-details-end-actions {
  margin-top: 0.5rem;
}

.user-details-role-form {
  padding: 1rem;
}

.user-details-role-row > span {
  min-width: 6.25rem;
  font-weight: bold;
}

.user-details-center {
  margin-top: 1rem;
}

.user-details-copy-actions {
  margin-top: 1rem;
}

.user-details-permission-info {
  margin-bottom: 0.5rem;
}

.user-details-no-results {
  text-align: center;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.task-row {
  margin: 1rem 0;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.export-outlook-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.export-outlook-body p {
  margin: 0;
}

.export-outlook-emphasis {
  font-weight: 700;
}

.export-outlook-divider {
  height: 1px;
  background-color: var(--grey-300);
}

.export-outlook-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.export-outlook-section h6 {
  margin: 0;
  font-weight: 700;
}

.export-outlook-periods-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .export-outlook-periods-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .export-outlook-periods-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.export-outlook-error {
  margin: 0;
  color: var(--status-error);
}

.export-outlook-info {
  margin: 0;
  color: var(--status-success);
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

._page_18ff6_522 {
  padding: 0 32px 48px;
  margin-top: 16px;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana;
}

._content_18ff6_529 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

._section_18ff6_535 {
  margin: 20px 0;
}

._info_18ff6_539 {
  margin: 18px 0 22px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-secondary-color);
}

._gridWrapper_18ff6_546 {
  width: 100%;
  overflow-x: auto;
}

._gridWrapper_18ff6_546 .user-permissions-grid {
  min-width: 680px;
}

._gridWrapper_18ff6_546 .user-permissions-grid .data-grid-header-cell {
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  white-space: nowrap;
}

._gridWrapper_18ff6_546 .user-permissions-grid .MuiTableCell-root,
._gridWrapper_18ff6_546 .user-permissions-grid .table-body-cell {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: middle;
}

._actions_18ff6_571 {
  display: flex;
  justify-content: flex-end;
  margin: 24px 0 32px;
}

._helpSection_18ff6_577 {
  margin-top: 8px;
  padding-top: 20px;
  border-top: 1px solid var(--grey-400);
}
._helpSection_18ff6_577 h6 {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

._helpContent_18ff6_589 {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
._helpContent_18ff6_589 ul {
  flex: 1 1 auto;
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.5;
}
._helpContent_18ff6_589 li + li {
  margin-top: 8px;
}

@media (max-width: 767px) {
  ._page_18ff6_522 {
    padding: 0 16px 32px;
  }
  ._helpContent_18ff6_589 {
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 575px) {
  ._page_18ff6_522 {
    padding-right: 0;
    padding-left: 0;
  }
}.infographic-gallery {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.infographic-gallery__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
}

.infographic-gallery__search {
  flex: 1 1 20rem;
  max-width: 30rem;
}

.infographic-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 1rem;
}

.infographic-gallery__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 0.0625rem solid var(--abb-color-border-default);
  border-radius: 0.375rem;
}

.infographic-gallery__image {
  object-fit: contain;
}

.infographic-gallery__name {
  max-width: 100%;
  text-align: center;
  word-break: break-word;
  font-size: 0.75rem;
  line-height: 1.4;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

._page_13kfi_522 {
  padding: 0 3.4375rem 4.375rem;
  margin-top: 2.125rem;
}
@media (max-width: 1199px) {
  ._page_13kfi_522 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 575px) {
  ._page_13kfi_522 {
    padding-left: 0;
    padding-right: 0;
  }
}

._content_13kfi_539 {
  color: var(--text-primary-color);
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.filestree-action-bar {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0;
}
.filestree-action-bar .item-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.action-panel-container {
  display: flex;
}

.action-panel-container-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  max-width: 70%;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0.75rem;
  border: 0.0625rem solid var(--grey-300);
}

.add-folder-path,
.file-path {
  width: 100%;
}

.upload-buttons {
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}

.filestree-tree {
  margin-top: 1rem;
}

.filestree-tree-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  margin-left: auto;
}

.filestree-tree-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.filestree-tree-meta {
  display: grid;
  grid-template-columns: 4rem 10rem 10rem 6rem;
  column-gap: 1rem;
  font-size: 0.75rem;
  color: var(--text-secondary-color);
  white-space: nowrap;
}

.filestree-tree-meta-cell {
  overflow: hidden;
  text-overflow: ellipsis;
}

.filestree-tree-meta-size {
  text-align: right;
}

.filestree-versions-section {
  margin-top: 1.5rem;
}

.filestree-version-name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.filestree-version-actions {
  display: inline-flex;
  gap: 0.75rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.impersonation-banner {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background-color: var(--status-error);
  color: var(--text-white-color);
  padding: 0.5rem 1rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.searchModule {
  position: relative;
}

.live-search__list {
  position: absolute;
  z-index: 1000;
  background-color: var(--white);
  border: 1px solid var(--grey-400);
  border-radius: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

.live-search__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
.live-search__item:hover {
  background-color: var(--grey-100);
}

.live-search__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.project-approval-action {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 400px;
}
.project-approval-action__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.project-approval-action__hint {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--status-warning);
  font-size: 0.75rem;
}
.project-approval-action__hint-text {
  display: flex;
  flex-direction: column;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.project-info-table .table-wrapper {
  overflow-x: visible;
  width: 100%;
}
.project-info-table .MuiTable-root {
  min-width: 0 !important;
  width: 100%;
  table-layout: fixed;
}
.project-info-table .data-grid-header-cell,
.project-info-table .MuiTableCell-root {
  white-space: normal !important;
  text-wrap: wrap !important;
  overflow: visible;
  text-overflow: clip;
}
.project-info-table .data-grid-header-cell {
  white-space: nowrap !important;
  word-break: normal;
  overflow-wrap: normal;
}
.project-info-table .MuiTableCell-root {
  word-break: break-word;
}
.project-info-table .MuiTableRow-root .data-grid-header-cell:nth-child(1),
.project-info-table .MuiTableRow-root .MuiTableCell-root:nth-child(1) {
  width: 20%;
}
.project-info-table .MuiTableRow-root .data-grid-header-cell:nth-child(2),
.project-info-table .MuiTableRow-root .MuiTableCell-root:nth-child(2) {
  width: 24%;
}
.project-info-table .MuiTableRow-root .data-grid-header-cell:nth-child(3),
.project-info-table .MuiTableRow-root .MuiTableCell-root:nth-child(3) {
  width: 16%;
}
.project-info-table .MuiTableRow-root .data-grid-header-cell:nth-child(4),
.project-info-table .MuiTableRow-root .MuiTableCell-root:nth-child(4) {
  width: 14%;
}
.project-info-table .MuiTableRow-root .data-grid-header-cell:nth-child(5),
.project-info-table .MuiTableRow-root .MuiTableCell-root:nth-child(5) {
  width: 14%;
}
.project-info-table .MuiTableRow-root .data-grid-header-cell:nth-child(6),
.project-info-table .MuiTableRow-root .MuiTableCell-root:nth-child(6) {
  width: 12%;
}
.project-info-table .cell-with-copy {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.pending-kpi-table {
  width: 100%;
  overflow: hidden;
}

.kpi-sticky-header {
  position: sticky !important;
  left: 0 !important;
  z-index: 100 !important;
  background-color: var(--white) !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.pending-kpi-table-grid .topHeader:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 101 !important;
  background-color: var(--white) !important;
}

.pending-kpi-table-grid .topHeader:last-child {
  position: sticky !important;
  right: 0 !important;
  z-index: 101 !important;
  background-color: var(--white) !important;
  box-shadow: inset 1px 0 0 0 var(--grey-300);
}

.pending-kpi-table-grid .forecast-change-sticky {
  position: sticky !important;
  right: 0 !important;
  z-index: 100 !important;
  box-shadow: inset 1px 0 0 0 var(--grey-300);
}
.pending-kpi-table-grid .project-forecast-sticky {
  position: sticky !important;
  right: 150px !important;
  z-index: 100 !important;
}
.pending-kpi-table-grid th.forecast-change-sticky,
.pending-kpi-table-grid th.project-forecast-sticky {
  background-color: var(--grey-300) !important;
}
.pending-kpi-table-grid td.forecast-change-sticky,
.pending-kpi-table-grid td.project-forecast-sticky {
  z-index: 99 !important;
  background: var(--grey-300) !important;
}
.pending-kpi-table-grid td.forecast-change-sticky:hover,
.pending-kpi-table-grid td.project-forecast-sticky:hover {
  background: var(--grey-200) !important;
}
.pending-kpi-table-grid th.forecast-change-sticky .data-grid-header-cell {
  white-space: normal;
}

.pending-kpi-table-grid .table-header-row {
  font-weight: 500;
}
.pending-kpi-table-grid .kpi-sub-header {
  justify-content: center;
  text-align: center;
  font-size: 0.875rem;
}
.pending-kpi-table-grid .data-grid-header-cell {
  min-height: 2rem;
  line-height: 1.1;
  padding: 0 0.25rem;
  white-space: nowrap;
  font-size: 0.875rem;
}
.pending-kpi-table-grid .table-body-cell {
  padding: 0.125rem 0.25rem;
  line-height: 1.15;
  font-size: 0.875rem;
  vertical-align: middle;
}
.pending-kpi-table-grid .kpi-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.pending-kpi-table-grid .kpi-info-cell {
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: left;
}
.pending-kpi-table-grid .kpi-info-label {
  font-weight: 500;
}
.pending-kpi-table-grid .kpi-type-tag {
  display: inline-flex;
  align-items: center;
  padding: 0 0.25rem;
  border: 1px solid var(--grey-300);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary-default);
  line-height: 1.4;
  background-color: var(--grey-100);
}
.pending-kpi-table-grid .kpi-value-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
  text-align: center;
}
.pending-kpi-table-grid .kpi-value-cell.highlight {
  box-shadow: inset 0 0 0 2px var(--status-error);
  border-radius: 0.125rem;
}
.pending-kpi-table-grid .forecast-previous-approval {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.pending-kpi-table-grid .forecast-previous-approval i {
  font-size: 1rem;
  margin-right: 0.25rem;
}
.pending-kpi-table-grid .forecast-previous-approval.no-change i {
  color: var(--grey-500);
}
.pending-kpi-table-grid .forecast-previous-approval.higher i {
  color: var(--status-success);
}
.pending-kpi-table-grid .forecast-previous-approval.less i {
  color: var(--status-error);
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.pending-approval-item {
  display: flex;
}
.pending-approval-item__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.pending-approval-item__actions .MuiButtonBase-root.MuiButton-root {
  max-width: calc(4.5rem + 2rem);
  height: auto;
  max-height: none !important;
}
.pending-approval-item__actions .MuiButtonBase-root.MuiButton-root .btn-section {
  min-height: 2.5rem;
  max-height: none !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: auto;
}
.pending-approval-item__actions .MuiButtonBase-root.MuiButton-root .label {
  white-space: normal !important;
  text-wrap: wrap !important;
  text-align: center;
  overflow: visible;
  text-overflow: unset;
  line-height: 1rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.cell-with-copy {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.pending-approvals__loading {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.pending-approvals #approval-tabs {
  margin-bottom: 1rem;
}
.pending-approvals .data-grid-header-cell {
  justify-content: center;
  text-align: center;
}
.pending-approvals table.projectInfo-table thead th {
  text-align: center;
}
.pending-approvals .approval-flow-tooltip-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pending-approvals .approval-flow-tooltip-icon {
  font-size: 1rem;
}.kpi-submission-warning-modal {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.kpi-submission-warning-modal p {
  margin: 0;
  line-height: 1.5;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.monthly-reporting-kpi-table {
  width: 100%;
  overflow: hidden;
}

.kpi-sticky-header {
  position: sticky !important;
  left: 0 !important;
  z-index: 100 !important;
  background-color: var(--white) !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.monthly-reporting-kpi-table-grid .topHeader:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 101 !important;
  background-color: var(--white) !important;
}

.monthly-reporting-kpi-table-grid .table-header-row {
  font-weight: 500;
}
.monthly-reporting-kpi-table-grid .kpi-sub-header {
  justify-content: center;
  text-align: center;
  font-size: 0.875rem;
}
.monthly-reporting-kpi-table-grid .data-grid-header-cell {
  min-height: 2rem;
  line-height: 1.1;
  padding: 0 0.25rem;
  white-space: nowrap;
  font-size: 0.875rem;
}
.monthly-reporting-kpi-table-grid .table-body-cell {
  padding: 0.125rem 0.25rem;
  line-height: 1.15;
  font-size: 0.875rem;
  vertical-align: middle;
}
.monthly-reporting-kpi-table-grid .kpi-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.monthly-reporting-kpi-table-grid .kpi-info-cell {
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: left;
}
.monthly-reporting-kpi-table-grid .kpi-info-label {
  font-weight: 500;
}
.monthly-reporting-kpi-table-grid .kpi-type-tag {
  display: inline-flex;
  align-items: center;
  padding: 0 0.25rem;
  border: 1px solid var(--grey-300);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary-default);
  line-height: 1.4;
  background-color: var(--grey-100);
}
.monthly-reporting-kpi-table-grid .kpi-value-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 4.5rem;
  min-height: 1.5rem;
  text-align: center;
}
.monthly-reporting-kpi-table-grid .kpi-value-cell.highlight {
  box-shadow: inset 0 0 0 2px var(--status-error);
  border-radius: 0.125rem;
}
.monthly-reporting-kpi-table-grid .kpi-value-cell.disabled-for-edit {
  background-color: var(--grey-100);
}
.monthly-reporting-kpi-table-grid .kpi-value-cell--readonly {
  color: var(--grey-700);
}
.monthly-reporting-kpi-table-grid .kpi-cell-input-field {
  width: 100%;
  min-width: 4.5rem;
  min-height: 2rem;
  padding: 0.125rem 0.25rem;
  border: none;
  background-color: transparent;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.1;
}
.monthly-reporting-kpi-table-grid .kpi-cell-input-field:focus {
  outline: 2px solid var(--primary-default);
  outline-offset: -2px;
}
.monthly-reporting-kpi-table-grid .kpi-cell-input-field:disabled {
  color: var(--grey-700);
  cursor: not-allowed;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.monthly-reporting-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.monthly-reporting-actions .MuiButtonBase-root.MuiButton-root {
  max-width: none;
  width: fit-content;
  height: auto;
  max-height: none !important;
}
.monthly-reporting-actions .MuiButtonBase-root.MuiButton-root .btn-section {
  min-height: 2.5rem;
  max-height: none !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  height: auto;
}
.monthly-reporting-actions .MuiButtonBase-root.MuiButton-root .label {
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  text-align: center;
  overflow: visible;
  text-overflow: unset;
  line-height: 1rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.monthly-reporting-project {
  position: relative;
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid var(--grey-300);
  border-radius: 0.25rem;
  background-color: var(--white);
}

.monthly-reporting-project__content {
  transition: opacity 0.2s ease;
}
.monthly-reporting-project__content.is-loading {
  opacity: 0.25;
  pointer-events: none;
}

.monthly-reporting-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.monthly-reporting > :first-child {
  margin-bottom: 1rem;
}
.monthly-reporting .approval-flow-tooltip-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.monthly-reporting .approval-flow-tooltip-icon {
  font-size: 1rem;
}
html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

/* =========================================================
   📦 WIDTH UTILITIES
   ========================================================= */
.wd-0 {
  width: 0%;
}

.wd-5 {
  width: 5%;
}

.wd-10 {
  width: 10%;
}

.wd-12 {
  width: 12.5%;
}

.wd-15 {
  width: 15%;
}

.wd-16 {
  width: 16.67%;
}

.wd-20 {
  width: 20%;
}

.wd-25 {
  width: 25%;
}

.wd-30 {
  width: 30%;
}

.wd-33 {
  width: 33.33%;
}

.wd-35 {
  width: 35%;
}

.wd-40 {
  width: 40%;
}

.wd-45 {
  width: 45%;
}

.wd-50 {
  width: 50%;
}

.wd-55 {
  width: 55%;
}

.wd-60 {
  width: 60%;
}

.wd-65 {
  width: 65%;
}

.wd-66 {
  width: 66.67%;
}

.wd-70 {
  width: 70%;
}

.wd-75 {
  width: 75%;
}

.wd-80 {
  width: 80%;
}

.wd-83 {
  width: 83.33%;
}

.wd-85 {
  width: 85%;
}

.wd-90 {
  width: 90%;
}

.wd-95 {
  width: 95%;
}

.wd-100 {
  width: 100%;
}

/* =========================================================
     🧱 FLEX UTILITIES
     ========================================================= */
.fx10 {
  flex: 0 0 10%;
}

.fx20 {
  flex: 0 0 20%;
}

.fx25 {
  flex: 0 0 25%;
}

.fx30 {
  flex: 0 0 30%;
}

.fx33 {
  flex: 0 0 33.33%;
}

.fx40 {
  flex: 0 0 40%;
}

.fx45 {
  flex: 0 0 45%;
}

.fx50 {
  flex: 0 0 50%;
}

.fx60 {
  flex: 0 0 60%;
}

.fx70 {
  flex: 0 0 70%;
}

.fx75 {
  flex: 0 0 75%;
}

.fx100 {
  flex: 0 0 100%;
}

.fx-wrap {
  flex-wrap: wrap;
}

.lay-column {
  display: flex;
  flex-direction: column;
}

.lay-row {
  display: flex;
  flex-direction: row;
}

/* =========================================================
     🔧 FLEXBOX ALIGNMENT UTILITIES
     ========================================================= */
.lay-align-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.lay-align-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.lay-align-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lay-align-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.lay-align-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.lay-align-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.lay-align-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lay-align-space-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lay-align-space-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.lay-align-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lay-align-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lay-align-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* =========================================================
     ✍️ TEXT ALIGNMENT UTILITIES
     ========================================================= */
.text-align-center,
.text-center {
  text-align: center;
}

.text-align-left,
.text-left {
  text-align: left;
}

.text-align-right,
.text-right {
  text-align: right;
}

/* =========================================================
     📏 SPACING UTILITIES
     ========================================================= */
.gap32 {
  gap: 32px;
}

.gap24 {
  gap: 24px;
}

.gap16 {
  gap: 16px;
}

.gap14 {
  gap: 14px;
}

.gap12 {
  gap: 12px;
}

.gap10 {
  gap: 10px;
}

.gap8 {
  gap: 8px;
}

.gap6 {
  gap: 6px;
}

.gap4 {
  gap: 4px;
}

/* =========================================================
     📐 MARGIN UTILITIES
     ========================================================= */
.ml-2 {
  margin-left: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.m-auto {
  margin: auto;
}

/* =========================================================
     🔠 FONT SIZE UTILITIES
     ========================================================= */
.font-size-12 {
  font-size: 0.75rem;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-32 {
  font-size: 2rem;
}

/* =========================================================
     🅱️ FONT WEIGHT UTILITIES
     ========================================================= */
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

/* =========================================================
     💨 OVERFLOW UTILITIES
     ========================================================= */
.overflow-auto {
  overflow: auto;
}

.overflow-y {
  overflow-y: auto;
}

/* =========================================================
     📏 SEPARATOR LINE UTILITIES
     ========================================================= */
.vertical-separator-line {
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.horizontal-separator-line {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* =========================================================
     🧰 MISCELLANEOUS UTILITIES
     ========================================================= */
.cursor-poiter {
  cursor: pointer;
}

.modal-dialog {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.project-header-field {
  padding: 6px 0;
}
.project-header-field .input-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.project-header-field .input-label {
  white-space: nowrap;
}

.project-header-field__text-fit {
  display: inline-flex;
  width: auto;
  min-width: 0;
  max-width: none;
  flex: 0 0 auto;
}
.project-header-field__text-fit .input-styles,
.project-header-field__text-fit input {
  width: auto;
  min-width: 0;
}

.project-header-field .input-label,
.project-header-fields label,
.project-header-categorization-grid label,
.project-header-roles-accordion label {
  font-family: inherit;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

.required-star {
  color: var(--red);
  margin-right: 4px;
}

.input-label-action {
  display: inline-flex;
  align-items: center;
}

.project-unit-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.change-unit-button {
  display: inline-flex;
  margin-right: 0;
}

.project-header-top-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.project-header-categorization-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 2px;
}

.project-header-fields {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin-top: 8px;
}

.project-header-roles-accordion {
  margin-top: 6px;
}

@media (max-width: 1200px) {
  .project-header-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .project-header-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .project-header-top-grid,
  .project-header-categorization-grid,
  .project-header-fields {
    grid-template-columns: 1fr;
  }
}
.viewers-table-wrapper {
  max-height: 72vh;
  overflow-y: auto;
}

.viewers-table {
  width: 100%;
  border-collapse: collapse;
}
.viewers-table th,
.viewers-table td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--grey-400);
  text-align: left;
}
.viewers-table tbody tr:nth-child(odd) {
  background-color: var(--grey-100);
}
.viewers-table__col-name {
  width: 40%;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.relex-avatar__wrap {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--grey-500);
  border-radius: 20px;
  padding: 3px 4px 3px 3px;
  width: fit-content;
  background-color: var(--white);
}

.relex-avatar__selected-user-name {
  margin-left: 2px;
  margin-right: 0;
  color: var(--grey-900);
  font-size: 0.875rem;
  line-height: 1.1;
}

.relex-avatar__clear-btn-wrap {
  display: inline-flex;
  transform: scale(0.84);
  transform-origin: center;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.user-search-field {
  position: relative;
  padding: 8px;
}
.user-search-field__loading {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.user-search-field__dropdown {
  position: absolute;
  z-index: 1000;
  background-color: var(--white);
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.user-search-field__dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
}
.user-search-field__dropdown-item-email {
  font-size: 0.875em;
  color: var(--grey-800);
}
html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

/* =========================================================
   📦 WIDTH UTILITIES
   ========================================================= */
.wd-0 {
  width: 0%;
}

.wd-5 {
  width: 5%;
}

.wd-10 {
  width: 10%;
}

.wd-12 {
  width: 12.5%;
}

.wd-15 {
  width: 15%;
}

.wd-16 {
  width: 16.67%;
}

.wd-20 {
  width: 20%;
}

.wd-25 {
  width: 25%;
}

.wd-30 {
  width: 30%;
}

.wd-33 {
  width: 33.33%;
}

.wd-35 {
  width: 35%;
}

.wd-40 {
  width: 40%;
}

.wd-45 {
  width: 45%;
}

.wd-50 {
  width: 50%;
}

.wd-55 {
  width: 55%;
}

.wd-60 {
  width: 60%;
}

.wd-65 {
  width: 65%;
}

.wd-66 {
  width: 66.67%;
}

.wd-70 {
  width: 70%;
}

.wd-75 {
  width: 75%;
}

.wd-80 {
  width: 80%;
}

.wd-83 {
  width: 83.33%;
}

.wd-85 {
  width: 85%;
}

.wd-90 {
  width: 90%;
}

.wd-95 {
  width: 95%;
}

.wd-100 {
  width: 100%;
}

/* =========================================================
     🧱 FLEX UTILITIES
     ========================================================= */
.fx10 {
  flex: 0 0 10%;
}

.fx20 {
  flex: 0 0 20%;
}

.fx25 {
  flex: 0 0 25%;
}

.fx30 {
  flex: 0 0 30%;
}

.fx33 {
  flex: 0 0 33.33%;
}

.fx40 {
  flex: 0 0 40%;
}

.fx45 {
  flex: 0 0 45%;
}

.fx50 {
  flex: 0 0 50%;
}

.fx60 {
  flex: 0 0 60%;
}

.fx70 {
  flex: 0 0 70%;
}

.fx75 {
  flex: 0 0 75%;
}

.fx100 {
  flex: 0 0 100%;
}

.fx-wrap {
  flex-wrap: wrap;
}

.lay-column {
  display: flex;
  flex-direction: column;
}

.lay-row {
  display: flex;
  flex-direction: row;
}

/* =========================================================
     🔧 FLEXBOX ALIGNMENT UTILITIES
     ========================================================= */
.lay-align-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.lay-align-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.lay-align-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lay-align-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.lay-align-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.lay-align-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.lay-align-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lay-align-space-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lay-align-space-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.lay-align-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lay-align-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lay-align-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* =========================================================
     ✍️ TEXT ALIGNMENT UTILITIES
     ========================================================= */
.text-align-center,
.text-center {
  text-align: center;
}

.text-align-left,
.text-left {
  text-align: left;
}

.text-align-right,
.text-right {
  text-align: right;
}

/* =========================================================
     📏 SPACING UTILITIES
     ========================================================= */
.gap32 {
  gap: 32px;
}

.gap24 {
  gap: 24px;
}

.gap16 {
  gap: 16px;
}

.gap14 {
  gap: 14px;
}

.gap12 {
  gap: 12px;
}

.gap10 {
  gap: 10px;
}

.gap8 {
  gap: 8px;
}

.gap6 {
  gap: 6px;
}

.gap4 {
  gap: 4px;
}

/* =========================================================
     📐 MARGIN UTILITIES
     ========================================================= */
.ml-2 {
  margin-left: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.m-auto {
  margin: auto;
}

/* =========================================================
     🔠 FONT SIZE UTILITIES
     ========================================================= */
.font-size-12 {
  font-size: 0.75rem;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-32 {
  font-size: 2rem;
}

/* =========================================================
     🅱️ FONT WEIGHT UTILITIES
     ========================================================= */
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

/* =========================================================
     💨 OVERFLOW UTILITIES
     ========================================================= */
.overflow-auto {
  overflow: auto;
}

.overflow-y {
  overflow-y: auto;
}

/* =========================================================
     📏 SEPARATOR LINE UTILITIES
     ========================================================= */
.vertical-separator-line {
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.horizontal-separator-line {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* =========================================================
     🧰 MISCELLANEOUS UTILITIES
     ========================================================= */
.cursor-poiter {
  cursor: pointer;
}

.modal-dialog {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

.whitespace-nowrap {
  white-space: nowrap;
}

h1,
h2,
h3 {
  margin: 0;
}

.process-view-toggle {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.process-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 24px;
}

.milestone-row {
  padding: 24px 0;
  border-bottom: 1px solid var(--grey-400);
}
.milestone-row:last-child {
  border-bottom: none;
}

.milestone-row__main {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.milestone-row__name {
  width: 88px;
  flex-shrink: 0;
  font-weight: 700;
  color: var(--text-primary-color);
  align-self: center;
}

.milestone-row__date-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 0 0 280px;
}

.milestone-row__status-indicator {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 4px 40px;
  align-self: center;
}

.milestone-row__status {
  flex: 0 0 220px;
}

.milestone-row__action {
  margin-left: auto;
  flex-grow: 1;
  flex-shrink: 0;
  align-self: flex-end;
}

.milestone-row__actions-section {
  margin-top: 16px;
}

.actions-table {
  width: 100%;
  box-sizing: border-box;
}

.actions-table__header,
.actions-table__row {
  display: grid;
  grid-template-columns: 40px 170px 1fr 150px 48px;
  gap: 40px;
  align-items: start;
}
.actions-table__header > *,
.actions-table__row > * {
  min-width: 0;
}

.actions-table__header {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--grey-400);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary-color);
}

.actions-table__row {
  padding: 12px 0;
  border-bottom: 1px solid var(--grey-100);
}
.actions-table__row:last-child {
  border-bottom: none;
}

.actions-table__number {
  padding-left: 8px;
  font-size: 13px;
  color: var(--text-primary-color);
}

.actions-table__col-what .input-wrapper,
.actions-table__col-who .input-wrapper {
  flex-direction: column-reverse;
}
.actions-table__col-what .MuiOutlinedInput-root,
.actions-table__col-who .MuiOutlinedInput-root {
  min-width: 0 !important;
}

.required-marker {
  color: var(--status-error);
  padding-right: 4px;
}

.status-dot {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.status-dot--not-started {
  background-color: var(--grey-400);
}
.status-dot--started {
  background-color: var(--status-info);
}
.status-dot--overdue {
  background-color: var(--status-error);
}
.status-dot--completed {
  background-color: var(--status-success);
}

.process-note {
  margin-top: 24px;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.kpi-form-panel {
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: 1px solid var(--grey-400);
  border-radius: 0.25rem;
}

.kpi-form-heading {
  margin-bottom: 1rem;
}

.kpi-form-select-item {
  min-width: 11.25rem;
}

.kpi-duplicate-error {
  color: var(--status-error);
  font-size: 0.75rem;
}

.sustainability-unit-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.sustainability-unit-label {
  font-size: 0.75rem;
  font-weight: 500;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.kpi-sticky-header {
  position: sticky !important;
  left: 0 !important;
  z-index: 100 !important;
  background-color: var(--white) !important;
}

.kpi-table-grid .topHeader:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 101 !important;
  background-color: var(--white) !important;
}

.currency-selector {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-right: auto;
}

.kpi-actions-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.5rem;
}

.kpi-info-label {
  font-weight: 500;
}

.kpi-table-grid .table-header-row {
  font-weight: 500;
}
.kpi-table-grid .kpi-sub-header {
  text-align: center;
  font-size: 0.875rem;
}
.kpi-table-grid .data-grid-header-cell {
  min-height: 2rem;
  line-height: 1.1;
  padding: 0 0.25rem;
  white-space: nowrap;
  font-size: 0.875rem;
}
.kpi-table-grid .table-body-cell {
  padding: 0.125rem 0.25rem;
  line-height: 1.15;
  overflow: hidden;
  font-size: 0.875rem;
}
.kpi-table-grid .kpi-info-cell {
  font-size: 0.875rem;
  line-height: 1.15;
}
.kpi-table-grid .kpi-type-tag {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.25rem;
  padding: 0 0.25rem;
  border: 1px solid var(--grey-300);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary-default);
  line-height: 1.4;
  background-color: var(--grey-100);
}
.kpi-table-grid .kpi-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.kpi-table-grid .kpi-cell-input {
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.kpi-table-grid .kpi-cell-input-control {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.kpi-table-grid .kpi-cell-input-control input {
  width: 100% !important;
  box-sizing: border-box;
}
.kpi-table-grid .kpi-value-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  min-width: 15rem;
}
.kpi-table-grid .kpi-value-group > * {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.kpi-table-grid .kpi-value-group > *:has(input) {
  flex-grow: 1.3;
}
.kpi-table-grid .kpi-value-group .MuiFormControl-root,
.kpi-table-grid .kpi-value-group .MuiInputBase-root {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.kpi-table-grid .kpi-value-group .MuiOutlinedInput-root {
  padding: 0 0.25rem !important;
}
.kpi-table-grid .kpi-value-group > *:not(:first-child) {
  border-left: 1px solid var(--grey-500) !important;
}

.kpi-table-grid--editing .table-body-cell {
  padding: 0.125rem 0.25rem !important;
  overflow: visible;
}
.kpi-table-grid--editing .kpi-cell-input {
  overflow: visible;
}
.kpi-table-grid--editing .kpi-cell-input-control {
  width: 100% !important;
  max-width: 100% !important;
}
.kpi-table-grid--editing .kpi-cell-input-control .MuiInputAdornment-positionEnd {
  display: none !important;
}
.kpi-table-grid--editing .kpi-cell-input-control .icon-container.icon-abb_cancel_small.icon_abb_dias.size-16,
.kpi-table-grid--editing .kpi-cell-input-control .icon-container.icon-abb_cancel_small.icon_abb_dias.size-16::before {
  display: none !important;
}

#savings-detail-grid .end-adornment {
  display: none;
}

.sustainability-kpi-grid--editing .end-adornment {
  display: none !important;
}
.sustainability-kpi-grid--editing .MuiInputBase-root.MuiInputBase-adornedEnd,
.sustainability-kpi-grid--editing .MuiOutlinedInput-root.MuiInputBase-adornedEnd {
  padding-right: 0 !important;
}
.sustainability-kpi-grid--editing .MuiOutlinedInput-inputAdornedEnd {
  padding-right: 0 !important;
}.kpi-type-selector {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 16px;
}
.kpi-type-selector__dates {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.kpi-type-selector__summary-toggle {
  margin-left: auto;
  align-self: flex-start;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.summary-table {
  margin-bottom: 1.5rem;
}
.summary-table__title {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary-default);
  margin-bottom: 0.5rem;
}
.summary-table__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.summary-table__legend-chip {
  display: inline-flex;
  align-items: center;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--white);
  line-height: 1.6;
}
.summary-table__legend-chip--success {
  background-color: var(--status-success);
}
.summary-table__legend-chip--warning {
  background-color: var(--status-warning);
}
.summary-table__legend-chip--error {
  background-color: var(--status-error);
}

.summary-pct {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-weight: 500;
  color: var(--white);
}
.summary-pct--success {
  background-color: var(--status-success);
}
.summary-pct--warning {
  background-color: var(--status-warning);
}
.summary-pct--error {
  background-color: var(--status-error);
}
.summary-pct--neutral {
  background-color: var(--grey-100);
  color: var(--primary-default);
}

.summary-values {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.summary-values__row {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  white-space: nowrap;
}
.summary-values__label {
  font-weight: 500;
  color: var(--grey-300);
}
.summary-values__value {
  font-variant-numeric: tabular-nums;
}

.summary-table-grid {
  font-size: 0.875rem;
}
.summary-table-grid .data-grid-header-cell {
  font-size: 0.875rem;
  white-space: normal;
}
.summary-table-grid .table-body-cell {
  font-size: 0.875rem;
  padding: 0.125rem 0.25rem;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.certified-resources-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
}
.certified-resources-form__user {
  min-width: 280px;
}
.certified-resources-form__certification {
  min-width: 220px;
}
.certified-resources-form__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  background: white;
  border: 1px solid var(--grey-300);
  border-radius: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.certified-resources-form__dropdown-item {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--grey-100);
}
.certified-resources-form__dropdown-item:hover {
  background: var(--grey-100);
}
.certified-resources-form__dropdown-item:last-child {
  border-bottom: none;
}
.certified-resources-form__dropdown-item-email {
  font-size: 0.75rem;
  color: var(--grey-600);
}
.certified-resources-form__add-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.certified-resources-form__duplicate-error {
  font-size: 0.75rem;
  color: red;
}

.certified-resources-empty {
  color: var(--grey-800);
  font-size: 0.875rem;
  margin-top: 8px;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.monthly-reporting-status-info-modal {
  min-width: min(920px, 100%);
  font-size: 12px;
}
.monthly-reporting-status-info-modal__layout {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 150px;
  align-items: center;
  column-gap: 8px;
}
.monthly-reporting-status-info-modal__table {
  min-width: 0;
}
.monthly-reporting-status-info-modal__side-marker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-self: start;
}
.monthly-reporting-status-info-modal__side-marker--right {
  justify-self: end;
  text-align: right;
}
.monthly-reporting-status-info-modal__head {
  display: grid;
  grid-template-columns: 230px 1fr;
  border-bottom: 1px solid var(--grey-300);
  font-weight: 700;
  padding: 0 8px 12px;
}
.monthly-reporting-status-info-modal__row {
  display: grid;
  grid-template-columns: 230px 1fr;
  border-top: 1px solid var(--grey-300);
  min-height: 84px;
}
.monthly-reporting-status-info-modal__role-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 8px;
  border-right: 1px solid var(--grey-300);
}
.monthly-reporting-status-info-modal__role-cell strong {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}
.monthly-reporting-status-info-modal__role-icon {
  font-size: 28px;
  color: #ff000f;
}
.monthly-reporting-status-info-modal__workflow-cell {
  padding: 10px 14px;
}
.monthly-reporting-status-info-modal__workflow-cell h4 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}
.monthly-reporting-status-info-modal__steps {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.monthly-reporting-status-info-modal__step-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  min-width: 98px;
}
.monthly-reporting-status-info-modal__step-item span {
  font-size: 11px;
  line-height: 1.25;
}
.monthly-reporting-status-info-modal__step-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--grey-500);
  background: var(--white);
  flex: 0 0 auto;
}
.monthly-reporting-status-info-modal__step-circle.is-active {
  border-color: #4f5fe2;
  background: #4f5fe2;
  box-shadow: 0 0 0 3px rgba(79, 95, 226, 0.2);
}
.monthly-reporting-status-info-modal__step-connector {
  position: absolute;
  top: 10px;
  left: calc(100% + 4px);
  width: 14px;
  height: 1px;
  background: var(--grey-400);
}
.monthly-reporting-status-info-modal__note {
  margin: 10px 0 0;
  max-width: 620px;
  color: var(--grey-800);
  line-height: 1.35;
}
@media (max-width: 991px) {
  .monthly-reporting-status-info-modal {
    min-width: 100%;
  }
  .monthly-reporting-status-info-modal__layout {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .monthly-reporting-status-info-modal__side-marker, .monthly-reporting-status-info-modal__side-marker--right {
    justify-self: start;
    text-align: left;
  }
  .monthly-reporting-status-info-modal__head, .monthly-reporting-status-info-modal__row {
    grid-template-columns: 1fr;
  }
  .monthly-reporting-status-info-modal__role-cell {
    border-right: 0;
    border-bottom: 1px solid var(--grey-300);
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 12px;
  }
  .monthly-reporting-status-info-modal__role-cell strong {
    text-align: left;
  }
  .monthly-reporting-status-info-modal__steps {
    flex-wrap: wrap;
    gap: 12px;
  }
  .monthly-reporting-status-info-modal__step-connector {
    display: none;
  }
}.initial-approval-status-modal .MuiStepper-root {
  width: 100%;
}
.initial-approval-status-modal .MuiStepper-root > .MuiStep-root {
  position: relative;
  flex: 1 1 0;
}
.initial-approval-status-modal .MuiStepper-root > .MuiStep-root:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 34px;
  left: calc(50% + 77px);
  width: calc(50% - 22px);
  border-top: 1px solid #b3b3b3;
  z-index: 0;
}
.initial-approval-status-modal .MuiStepper-root > .MuiStep-root:has(.MuiStepLabel-root:hover)::after, .initial-approval-status-modal .MuiStepper-root > .MuiStep-root:has(+ .MuiStep-root .MuiStepLabel-root:hover)::after {
  visibility: hidden;
}
.initial-approval-status-modal .MuiStepIcon-text {
  display: none;
}
.initial-approval-status-modal .MuiStepLabel-iconContainer {
  position: relative;
  z-index: 1;
}
.initial-approval-status-modal .MuiStepConnector-root {
  flex: 1 1 auto;
}
.initial-approval-status-modal .MuiStepConnector-line {
  border-top: 1px solid #b3b3b3;
  border-color: #b3b3b3;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.view-history-modal-content {
  max-height: 72vh;
  overflow-y: auto;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.project-lifecycle-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 400px;
}
.project-lifecycle-actions__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

/* =========================================================
   📦 WIDTH UTILITIES
   ========================================================= */
.wd-0 {
  width: 0%;
}

.wd-5 {
  width: 5%;
}

.wd-10 {
  width: 10%;
}

.wd-12 {
  width: 12.5%;
}

.wd-15 {
  width: 15%;
}

.wd-16 {
  width: 16.67%;
}

.wd-20 {
  width: 20%;
}

.wd-25 {
  width: 25%;
}

.wd-30 {
  width: 30%;
}

.wd-33 {
  width: 33.33%;
}

.wd-35 {
  width: 35%;
}

.wd-40 {
  width: 40%;
}

.wd-45 {
  width: 45%;
}

.wd-50 {
  width: 50%;
}

.wd-55 {
  width: 55%;
}

.wd-60 {
  width: 60%;
}

.wd-65 {
  width: 65%;
}

.wd-66 {
  width: 66.67%;
}

.wd-70 {
  width: 70%;
}

.wd-75 {
  width: 75%;
}

.wd-80 {
  width: 80%;
}

.wd-83 {
  width: 83.33%;
}

.wd-85 {
  width: 85%;
}

.wd-90 {
  width: 90%;
}

.wd-95 {
  width: 95%;
}

.wd-100 {
  width: 100%;
}

/* =========================================================
     🧱 FLEX UTILITIES
     ========================================================= */
.fx10 {
  flex: 0 0 10%;
}

.fx20 {
  flex: 0 0 20%;
}

.fx25 {
  flex: 0 0 25%;
}

.fx30 {
  flex: 0 0 30%;
}

.fx33 {
  flex: 0 0 33.33%;
}

.fx40 {
  flex: 0 0 40%;
}

.fx45 {
  flex: 0 0 45%;
}

.fx50 {
  flex: 0 0 50%;
}

.fx60 {
  flex: 0 0 60%;
}

.fx70 {
  flex: 0 0 70%;
}

.fx75 {
  flex: 0 0 75%;
}

.fx100 {
  flex: 0 0 100%;
}

.fx-wrap {
  flex-wrap: wrap;
}

.lay-column {
  display: flex;
  flex-direction: column;
}

.lay-row {
  display: flex;
  flex-direction: row;
}

/* =========================================================
     🔧 FLEXBOX ALIGNMENT UTILITIES
     ========================================================= */
.lay-align-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.lay-align-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.lay-align-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lay-align-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.lay-align-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.lay-align-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.lay-align-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lay-align-space-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lay-align-space-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.lay-align-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lay-align-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lay-align-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* =========================================================
     ✍️ TEXT ALIGNMENT UTILITIES
     ========================================================= */
.text-align-center,
.text-center {
  text-align: center;
}

.text-align-left,
.text-left {
  text-align: left;
}

.text-align-right,
.text-right {
  text-align: right;
}

/* =========================================================
     📏 SPACING UTILITIES
     ========================================================= */
.gap32 {
  gap: 32px;
}

.gap24 {
  gap: 24px;
}

.gap16 {
  gap: 16px;
}

.gap14 {
  gap: 14px;
}

.gap12 {
  gap: 12px;
}

.gap10 {
  gap: 10px;
}

.gap8 {
  gap: 8px;
}

.gap6 {
  gap: 6px;
}

.gap4 {
  gap: 4px;
}

/* =========================================================
     📐 MARGIN UTILITIES
     ========================================================= */
.ml-2 {
  margin-left: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.m-auto {
  margin: auto;
}

/* =========================================================
     🔠 FONT SIZE UTILITIES
     ========================================================= */
.font-size-12 {
  font-size: 0.75rem;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-32 {
  font-size: 2rem;
}

/* =========================================================
     🅱️ FONT WEIGHT UTILITIES
     ========================================================= */
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

/* =========================================================
     💨 OVERFLOW UTILITIES
     ========================================================= */
.overflow-auto {
  overflow: auto;
}

.overflow-y {
  overflow-y: auto;
}

/* =========================================================
     📏 SEPARATOR LINE UTILITIES
     ========================================================= */
.vertical-separator-line {
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.horizontal-separator-line {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* =========================================================
     🧰 MISCELLANEOUS UTILITIES
     ========================================================= */
.cursor-poiter {
  cursor: pointer;
}

.modal-dialog {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.project-details__fields-grid-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 16px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .project-details__fields-grid-two {
    grid-template-columns: 1fr;
  }
}
.project-details__field-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 4px;
}
.project-details__field-header-label {
  margin: 0;
}
.project-details__field-header label, .project-details__kpi-metrics .input-label {
  font-size: 14px;
  line-height: 20px;
}
.project-details__primary-kpi-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(120px, 1fr));
  align-items: start;
  min-height: 32px;
  gap: 16px;
  margin-bottom: 8px;
}
.project-details__primary-kpi-row .input-label-row {
  min-height: 32px;
}
@media (max-width: 767px) {
  .project-details__primary-kpi-row {
    grid-template-columns: 1fr;
  }
}
.project-details__primary-kpi-col {
  min-width: 0;
}
.project-details__kpi-metrics {
  min-width: 0;
}
.project-details__add-kpi-controls {
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 8px;
}
.project-details__change-unit-modal-content {
  width: 100%;
  max-width: 90vw;
}
.project-details__change-unit-current-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.project-details__new-unit-placeholder .input-styles,
.project-details__new-unit-placeholder input {
  font-style: italic;
}
.project-details__description-readonly textarea {
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  background: rgb(245, 245, 245);
}
.project-details__tooltip-content ul {
  margin: 8px 0 0;
  padding-left: 16px;
}
.project-details__tooltip-content li + li {
  margin-top: 4px;
}
.project-details__card-controls {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  margin-bottom: 16px;
}
.project-details__top-summary-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.project-details__top-summary-section {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  padding: 8px;
}
.project-details__top-summary-wizard {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.project-details__top-summary-wizard .project-details__wizard-with-initial-approval-action {
  position: relative;
  width: 100%;
  min-height: 32px;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStep-root {
  padding-left: 8px;
  margin-left: -8px;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStep-root:not(:has(.row)) {
  padding: 10px 14px;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer {
  margin-left: -8px;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root {
  width: 28px;
  height: 28px;
  margin-bottom: 6px;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .completion-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 6px;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label {
  font-size: 0.875rem;
}
.project-details__top-summary-wizard .MuiStepper-root .MuiStepConnector-line {
  margin-bottom: 20px;
}
.project-details__top-summary-wizard .MuiStepConnector-root.MuiStepConnector-alternativeLabel {
  left: calc(-50% + 14px);
  right: calc(50% + 14px);
}
.project-details__top-summary-wizard .MuiStepIcon-text {
  display: none;
}
.project-details__status-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 8px;
}
.project-details__initial-approval-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.project-details__top-summary-labels {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.project-details__top-summary-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  min-width: 0;
  margin-right: 54px;
}
.project-details__top-summary-label {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}
.project-details__top-summary-value {
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}
.project-details__top-summary-lock {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
}
.project-details__top-summary-unit {
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .project-details__top-summary-unit, .project-details__top-summary-nda {
    display: none;
  }
}
.project-details__monthly-approval-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.project-details__monthly-approval-status-icon {
  font-size: 18px;
  line-height: 1;
}
.project-details__monthly-approval-status-icon.icon-abb_error {
  color: #dc2626;
}
.project-details__monthly-approval-status-icon.icon-abb_tick {
  color: #16a34a;
}
.project-details__monthly-approval-status-icon.icon-abb_warning-fill {
  color: #f59e0b;
}
.project-details .freeze-alert.badge {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 0.875rem;
}
.project-details__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
.project-details__section {
  margin-top: 8px;
}
.project-details__section-divider {
  border: none;
  border-top: 1px solid var(--grey-400);
  margin: 16px 0 8px;
}
.project-details__section-label {
  font-weight: 600;
  color: var(--grey-700);
  margin-bottom: 8px;
}
.project-details__report-action {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.project-details__report-action-loader {
  display: inline-flex;
  transform: translateX(-10px);
}
.project-details .project-desc-additional-kpi-row__loading {
  display: flex;
  justify-content: center;
  padding: 24px 0;
}
.project-details .project-desc-additional-kpi-row__section {
  background-color: var(--grey-100);
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
}

.validation-error-list {
  background-color: rgba(var(--status-error), 0.06);
  border: 1px solid var(--status-error);
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 16px;
}
.validation-error-list__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.validation-error-list__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary-color);
  font-size: 14px;
  line-height: 20px;
}
.validation-error-list__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  background-color: var(--status-error);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.validation-error-list__icon::before, .validation-error-list__icon::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: white;
  border-radius: 1px;
}
.validation-error-list__icon::before {
  transform: rotate(45deg);
}
.validation-error-list__icon::after {
  transform: rotate(-45deg);
}
html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

/* =========================================================
   📦 WIDTH UTILITIES
   ========================================================= */
.wd-0 {
  width: 0%;
}

.wd-5 {
  width: 5%;
}

.wd-10 {
  width: 10%;
}

.wd-12 {
  width: 12.5%;
}

.wd-15 {
  width: 15%;
}

.wd-16 {
  width: 16.67%;
}

.wd-20 {
  width: 20%;
}

.wd-25 {
  width: 25%;
}

.wd-30 {
  width: 30%;
}

.wd-33 {
  width: 33.33%;
}

.wd-35 {
  width: 35%;
}

.wd-40 {
  width: 40%;
}

.wd-45 {
  width: 45%;
}

.wd-50 {
  width: 50%;
}

.wd-55 {
  width: 55%;
}

.wd-60 {
  width: 60%;
}

.wd-65 {
  width: 65%;
}

.wd-66 {
  width: 66.67%;
}

.wd-70 {
  width: 70%;
}

.wd-75 {
  width: 75%;
}

.wd-80 {
  width: 80%;
}

.wd-83 {
  width: 83.33%;
}

.wd-85 {
  width: 85%;
}

.wd-90 {
  width: 90%;
}

.wd-95 {
  width: 95%;
}

.wd-100 {
  width: 100%;
}

/* =========================================================
     🧱 FLEX UTILITIES
     ========================================================= */
.fx10 {
  flex: 0 0 10%;
}

.fx20 {
  flex: 0 0 20%;
}

.fx25 {
  flex: 0 0 25%;
}

.fx30 {
  flex: 0 0 30%;
}

.fx33 {
  flex: 0 0 33.33%;
}

.fx40 {
  flex: 0 0 40%;
}

.fx45 {
  flex: 0 0 45%;
}

.fx50 {
  flex: 0 0 50%;
}

.fx60 {
  flex: 0 0 60%;
}

.fx70 {
  flex: 0 0 70%;
}

.fx75 {
  flex: 0 0 75%;
}

.fx100 {
  flex: 0 0 100%;
}

.fx-wrap {
  flex-wrap: wrap;
}

.lay-column {
  display: flex;
  flex-direction: column;
}

.lay-row {
  display: flex;
  flex-direction: row;
}

/* =========================================================
     🔧 FLEXBOX ALIGNMENT UTILITIES
     ========================================================= */
.lay-align-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.lay-align-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.lay-align-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lay-align-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.lay-align-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.lay-align-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.lay-align-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lay-align-space-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lay-align-space-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.lay-align-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lay-align-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lay-align-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* =========================================================
     ✍️ TEXT ALIGNMENT UTILITIES
     ========================================================= */
.text-align-center,
.text-center {
  text-align: center;
}

.text-align-left,
.text-left {
  text-align: left;
}

.text-align-right,
.text-right {
  text-align: right;
}

/* =========================================================
     📏 SPACING UTILITIES
     ========================================================= */
.gap32 {
  gap: 32px;
}

.gap24 {
  gap: 24px;
}

.gap16 {
  gap: 16px;
}

.gap14 {
  gap: 14px;
}

.gap12 {
  gap: 12px;
}

.gap10 {
  gap: 10px;
}

.gap8 {
  gap: 8px;
}

.gap6 {
  gap: 6px;
}

.gap4 {
  gap: 4px;
}

/* =========================================================
     📐 MARGIN UTILITIES
     ========================================================= */
.ml-2 {
  margin-left: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.m-auto {
  margin: auto;
}

/* =========================================================
     🔠 FONT SIZE UTILITIES
     ========================================================= */
.font-size-12 {
  font-size: 0.75rem;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-32 {
  font-size: 2rem;
}

/* =========================================================
     🅱️ FONT WEIGHT UTILITIES
     ========================================================= */
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

/* =========================================================
     💨 OVERFLOW UTILITIES
     ========================================================= */
.overflow-auto {
  overflow: auto;
}

.overflow-y {
  overflow-y: auto;
}

/* =========================================================
     📏 SEPARATOR LINE UTILITIES
     ========================================================= */
.vertical-separator-line {
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.horizontal-separator-line {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* =========================================================
     🧰 MISCELLANEOUS UTILITIES
     ========================================================= */
.cursor-poiter {
  cursor: pointer;
}

.modal-dialog {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.search-project__loading {
  display: flex;
  justify-content: center;
  padding: 24px 0;
}
.search-project__form {
  background-color: var(--white);
  padding: 24px;
  border-radius: 4px;
  margin-bottom: 24px;
}
.search-project__form--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.search-project__section {
  background-color: var(--grey-100);
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
}
.search-project__section-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary-color);
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-project__fields-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
.search-project__fields-grid--wide {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.search-project__free-text {
  margin-bottom: 16px;
}
.search-project__user-field {
  position: relative;
}
.search-project__user-field .searchModule {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 240px;
  overflow-y: auto;
  background-color: var(--white);
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.search-project__actions {
  display: flex;
  gap: 8px;
  margin-top: 24px;
  flex-wrap: wrap;
  align-items: center;
}
.search-project__advanced-toggle {
  margin-bottom: 16px;
}
.search-project__advanced-section {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--grey-400);
}
.search-project__kpi-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.search-project__kpi-field {
  flex: 1;
}
.search-project__kpi-field--wide {
  grid-column: span 2;
  min-width: 0;
}
.search-project__kpi-field-inner {
  flex: 1;
}
.search-project__results {
  background-color: var(--white);
  padding: 24px;
  border-radius: 4px;
}
.search-project__results:fullscreen {
  overflow-y: auto;
  padding: 16px 24px;
}
.search-project__results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.search-project__results-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
:fullscreen .search-project__table-scroll {
  max-width: 100%;
}
.search-project__results-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--text-primary-color);
}
.search-project__results-count {
  font-size: 14px;
  color: var(--text-secondary-color);
  margin-bottom: 8px;
}
.search-project__results-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 48px 0;
  gap: 16px;
  color: var(--text-secondary-color);
}
.search-project__status-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: auto !important;
  min-height: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1.2;
  white-space: normal !important;
  overflow-wrap: break-word;
}
.search-project__status-badge * {
  line-height: 1.2;
  white-space: normal !important;
  overflow-wrap: break-word;
}
.search-project__project-link {
  max-width: 100%;
  min-width: 0;
}
.search-project__project-link * {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}.project-details-table__pagination .pagination-wrapper > *:nth-child(-n+2) {
  display: none;
}html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

.my-pending-approvals__empty {
  padding: 0 1rem 1rem;
}/*
 * Arcadia Showcase — style isolation
 *
 * Goals:
 *  1. Revert Bootstrap / project CSS that cascades into this component
 *  2. Define Arcadia's CSS token variables on the root wrapper so they work
 *     without requiring html[data-theme="light"] on the document element
 *  3. Restore the base typography Arcadia expects (16px, ABBVoice, 1.5 lh)
 */

/* ── 1. Root wrapper reset ─────────────────────────────────────────────────── */

.arcadia-root {
  /* Revert every inherited value (font-size, line-height, font-family, color…)
     back to the browser user-agent stylesheet defaults so Bootstrap and the
     project's basic.css/style.css cannot cascade in. */
  all: revert;

  /* ── Arcadia CSS token variables (light theme) ─────────────────────────── */
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: rgba(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;

  /* ── 2. Base Arcadia typography ─────────────────────────────────────────── */
  box-sizing: border-box;
  font-family: 'ABBVoice', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #1f1f1f;
  background-color: #ffffff;
}

/* ── 3. Box-sizing on all descendants ──────────────────────────────────────── */

.arcadia-root *,
.arcadia-root *::before,
.arcadia-root *::after {
  box-sizing: border-box;
}

/* ── 4. Undo heading overrides from basic.css ──────────────────────────────── */
/* basic.css sets h1,h2 { font-size: 38px } and strips margins from h1-h6,p.
   Revert them to the browser user-agent defaults so Arcadia's Title component
   gets a clean slate. */

.arcadia-root h1,
.arcadia-root h2,
.arcadia-root h3,
.arcadia-root h4,
.arcadia-root h5,
.arcadia-root h6,
.arcadia-root p {
  all: revert;
  box-sizing: border-box;
}

/* ── 5. Undo img constraints from basic.css ────────────────────────────────── */

.arcadia-root img {
  max-width: revert;
  max-height: revert;
}

/* ── 6. Restore number-input spinners stripped by basic.css ────────────────── */
/* basic.css globally removes spinner buttons from number inputs; Arcadia's
   NumericInput needs them to function correctly. */

.arcadia-root input::-webkit-outer-spin-button,
.arcadia-root input::-webkit-inner-spin-button {
  -webkit-appearance: revert;
  margin: revert;
}

.arcadia-root input[type='number'] {
  -moz-appearance: revert;
  appearance: revert;
}

html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit 100%;
  vertical-align: baseline;
}

table, th {
  border-right: 0 !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  width: 100%;
}

.icon_abb_16 {
  font-size: 1rem;
}

.icon_abb_24 {
  font-size: 1.5rem;
}

.icon_abb_32 {
  font-size: 2rem;
}

/* =========================================================
   📦 WIDTH UTILITIES
   ========================================================= */
.wd-0 {
  width: 0%;
}

.wd-5 {
  width: 5%;
}

.wd-10 {
  width: 10%;
}

.wd-12 {
  width: 12.5%;
}

.wd-15 {
  width: 15%;
}

.wd-16 {
  width: 16.67%;
}

.wd-20 {
  width: 20%;
}

.wd-25 {
  width: 25%;
}

.wd-30 {
  width: 30%;
}

.wd-33 {
  width: 33.33%;
}

.wd-35 {
  width: 35%;
}

.wd-40 {
  width: 40%;
}

.wd-45 {
  width: 45%;
}

.wd-50 {
  width: 50%;
}

.wd-55 {
  width: 55%;
}

.wd-60 {
  width: 60%;
}

.wd-65 {
  width: 65%;
}

.wd-66 {
  width: 66.67%;
}

.wd-70 {
  width: 70%;
}

.wd-75 {
  width: 75%;
}

.wd-80 {
  width: 80%;
}

.wd-83 {
  width: 83.33%;
}

.wd-85 {
  width: 85%;
}

.wd-90 {
  width: 90%;
}

.wd-95 {
  width: 95%;
}

.wd-100 {
  width: 100%;
}

/* =========================================================
     🧱 FLEX UTILITIES
     ========================================================= */
.fx10 {
  flex: 0 0 10%;
}

.fx20 {
  flex: 0 0 20%;
}

.fx25 {
  flex: 0 0 25%;
}

.fx30 {
  flex: 0 0 30%;
}

.fx33 {
  flex: 0 0 33.33%;
}

.fx40 {
  flex: 0 0 40%;
}

.fx45 {
  flex: 0 0 45%;
}

.fx50 {
  flex: 0 0 50%;
}

.fx60 {
  flex: 0 0 60%;
}

.fx70 {
  flex: 0 0 70%;
}

.fx75 {
  flex: 0 0 75%;
}

.fx100 {
  flex: 0 0 100%;
}

.fx-wrap {
  flex-wrap: wrap;
}

.lay-column {
  display: flex;
  flex-direction: column;
}

.lay-row {
  display: flex;
  flex-direction: row;
}

/* =========================================================
     🔧 FLEXBOX ALIGNMENT UTILITIES
     ========================================================= */
.lay-align-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.lay-align-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.lay-align-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lay-align-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.lay-align-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.lay-align-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.lay-align-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.lay-align-space-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.lay-align-space-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.lay-align-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lay-align-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lay-align-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* =========================================================
     ✍️ TEXT ALIGNMENT UTILITIES
     ========================================================= */
.text-align-center,
.text-center {
  text-align: center;
}

.text-align-left,
.text-left {
  text-align: left;
}

.text-align-right,
.text-right {
  text-align: right;
}

/* =========================================================
     📏 SPACING UTILITIES
     ========================================================= */
.gap32 {
  gap: 32px;
}

.gap24 {
  gap: 24px;
}

.gap16 {
  gap: 16px;
}

.gap14 {
  gap: 14px;
}

.gap12 {
  gap: 12px;
}

.gap10 {
  gap: 10px;
}

.gap8 {
  gap: 8px;
}

.gap6 {
  gap: 6px;
}

.gap4 {
  gap: 4px;
}

/* =========================================================
     📐 MARGIN UTILITIES
     ========================================================= */
.ml-2 {
  margin-left: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.m-auto {
  margin: auto;
}

/* =========================================================
     🔠 FONT SIZE UTILITIES
     ========================================================= */
.font-size-12 {
  font-size: 0.75rem;
}

.font-size-14 {
  font-size: 0.875rem;
}

.font-size-16 {
  font-size: 1rem;
}

.font-size-24 {
  font-size: 1.5rem;
}

.font-size-32 {
  font-size: 2rem;
}

/* =========================================================
     🅱️ FONT WEIGHT UTILITIES
     ========================================================= */
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

/* =========================================================
     💨 OVERFLOW UTILITIES
     ========================================================= */
.overflow-auto {
  overflow: auto;
}

.overflow-y {
  overflow-y: auto;
}

/* =========================================================
     📏 SEPARATOR LINE UTILITIES
     ========================================================= */
.vertical-separator-line {
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.horizontal-separator-line {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* =========================================================
     🧰 MISCELLANEOUS UTILITIES
     ========================================================= */
.cursor-poiter {
  cursor: pointer;
}

.modal-dialog {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  padding: 1rem;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.accordion-wrapper .MuiPaper-root {
  min-width: 650px;
  width: 100%;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root {
  margin: 8px 0px 0px 0px;
  background-color: transparent;
  color: var(--text-primary-color);
  box-shadow: none;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root::before {
  display: none !important;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiAccordionSummary-root {
  background-color: var(--grey-300);
  border: 1px solid var(--grey-600);
  padding: 0 20px;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiAccordionSummary-root .open-close-icons {
  margin-right: 4px;
  transform: rotate(0deg);
  font-size: 1rem;
  transition-duration: 300ms;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiAccordionSummary-root .open-close-icons + div {
  width: 60%;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiAccordionSummary-root.Mui-expanded .open-close-icons {
  transform: rotate(90deg);
  transition-duration: 300ms;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiAccordionDetails-root {
  margin-top: 8px;
  color: var(--text-primary-color);
  font-weight: 400;
  font-size: 0.875rem;
  background-color: var(--white);
  border: 1px solid var(--grey-500);
  padding: 20px;
  border-radius: 4px;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root.Mui-expanded {
  margin: 8px 0px;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root {
  color: var(--text-primary-color);
  font-weight: 400;
  font-size: 1rem;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root {
  min-height: 40px;
  border-radius: 4px;
  height: 40px;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root .MuiAccordionSummary-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root .MuiAccordionSummary-content .first-part {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "ABBVoice", Verdana;
  font-size: 0.875rem;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root .MuiAccordionSummary-content .second-part {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "ABBVoice", Verdana;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root .label {
  margin-right: 8px;
  text-wrap: nowrap;
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root:hover {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--accordion-border);
}
.accordion-wrapper .MuiPaper-root.MuiAccordion-root .MuiButtonBase-root.MuiAccordionSummary-root.Mui-expanded {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--accordion-border);
}

.accordion-wrapper {
  min-width: 650px;
  margin: 8px auto;
}
.accordion-wrapper .expand-collapse-all {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.accordion-wrapper .expand-collapse-all .link {
  font-size: 0.875rem;
  cursor: pointer;
  color: var(--primary-default);
}
.accordion-wrapper .expand-collapse-all .link svg {
  font-size: inherit;
}
.accordion-wrapper .expand-collapse-all .link:hover {
  text-decoration: underline;
}

.edit-field-wrapper {
  display: flex;
  align-items: center;
}
.edit-field-wrapper p {
  width: auto !important;
  margin-right: 8px;
}
.edit-field-wrapper .MuiOutlinedInput-root {
  background-color: var(--white);
}
.edit-field-wrapper .MuiOutlinedInput-root .MuiOutlinedInput-input {
  height: 1.5rem;
  padding: 4px 8px;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  border-radius: 4px;
  max-width: 120px;
}

.avatar {
  color: var(--text-primary-color);
  border-radius: 50%;
  font-weight: 500;
  display: flex;
  background-color: var(--grey-400);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border: 1.5px solid transparent;
}
.avatar.initials {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
  color: var(--text-primary-color);
}
.avatar .size-128 {
  width: 8rem;
  height: 8rem;
  font-size: 3rem;
  border-radius: 50%;
}
.avatar .size-68 {
  width: 4.25rem;
  height: 4.25rem;
  font-size: 1.5rem;
  border-radius: 50%;
}
.avatar .size-48 {
  width: 3rem;
  height: 3rem;
  font-size: 1.125rem;
  border-radius: 50%;
}
.avatar .size-40 {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  border-radius: 50%;
}
.avatar .size-32 {
  width: 2rem;
  height: 2rem;
  font-size: 0.875rem;
  border-radius: 50%;
}
.avatar .size-24 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  border-radius: 50%;
}
.avatar.size-128 {
  width: 8rem;
  height: 8rem;
  font-size: 3rem;
  border-radius: 50%;
}
.avatar.size-68 {
  width: 4.25rem;
  height: 4.25rem;
  font-size: 1.5rem;
}
.avatar.size-48 {
  width: 3rem;
  height: 3rem;
  font-size: 1.125rem;
}
.avatar.size-40 {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.avatar.size-32 {
  width: 2rem;
  height: 2rem;
  font-size: 0.875rem;
}
.avatar.size-24 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
}
.avatar.white-border {
  border: 1.5px solid var(--white);
}
.avatar:focus-visible {
  outline-offset: 1px;
  outline: 0.125rem solid var(--primary-active);
}
.avatar.disabled {
  color: var(--text-primary-color);
  opacity: 0.7;
  border-radius: 50%;
  cursor: not-allowed;
}
.avatar.disabled:focus-visible {
  outline: none;
}
.avatar.clickable:hover {
  color: var(--text-primary-color);
  border-radius: 50%;
  cursor: pointer;
  border: 1.5px solid var(--grey-600);
}
.avatar.clickable .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transform: scale(1.15);
  background-color: var(--grey-400);
}
.avatar.clickable .image:hover {
  color: var(--text-primary-color);
  border-radius: 50%;
  transform: scale(1.15);
  cursor: pointer;
  border: 1.5px solid var(--grey-600);
}

.avatar-group {
  display: flex;
  flex-direction: row;
}
.avatar-group .avatar {
  border-radius: 50%;
  border: 0.5px solid var(--white);
}
.avatar-group .avatar .image {
  background-color: transparent !important;
}
.avatar-group .avatar .image:hover {
  color: var(--text-primary-color);
  border-radius: 50%;
  background-color: transparent !important;
  cursor: pointer;
  border: 1.5px solid var(--grey-600);
}

.badge {
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  gap: 4px;
  cursor: default;
}
.badge.mt-4 {
  margin-top: 4px;
}
.badge .leading-icon {
  margin-top: 2px;
  cursor: default;
}
.badge.primary {
  background-color: var(--status-info);
  color: var(--text-white-color);
}
.badge.primary.outlined-square-badge {
  border: 1px solid var(--status-info);
  color: var(--status-info);
  background-color: var(--white);
}
.badge.primary.filled-square-badge {
  border: 1px solid var(--status-info);
  color: var(--status-info);
  background: var(--status-info-transparent);
}
.badge.primary.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.primary.without-bg .leading-icon {
  font-size: 0.875rem;
  color: var(--status-info);
}
.badge.secondary {
  border: 1px solid var(--grey-500);
  color: var(--text-primary-color);
  background-color: var(--grey-400);
}
.badge.secondary.outlined-square-badge {
  border: 1px solid var(--badge-text-color);
  color: var(--badge-text-color);
  background-color: var(--white);
}
.badge.secondary.filled-square-badge {
  border: 1px solid var(--grey-500);
  color: var(--text-primary-color);
  background: var(--grey-400);
}
.badge.secondary.filled-square-badge .leading-icon {
  color: var(--badge-text-color);
}
.badge.secondary.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.secondary.without-bg .leading-icon {
  color: var(--badge-text-color);
  font-size: 0.875rem;
}
.badge.positive {
  background-color: var(--status-success);
  color: var(--text-white-color);
}
.badge.positive.outlined-square-badge {
  border: 1px solid var(--status-success);
  color: var(--status-success);
  background-color: var(--white);
}
.badge.positive.filled-square-badge {
  border: 1px solid var(--status-success);
  color: var(--status-success);
  background: var(--status-success-transparent);
}
.badge.positive.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.positive.without-bg .leading-icon {
  color: var(--status-success);
  font-size: 0.875rem;
}
.badge.warning {
  background-color: var(--status-warning);
  color: var(--text-black-color);
}
.badge.warning.outlined-square-badge {
  border: 1px solid var(--status-warning);
  color: var(--status-warning);
  background-color: var(--white);
}
.badge.warning.filled-square-badge {
  border: 1px solid var(--status-warning);
  color: var(--status-warning-hover);
  background: var(--status-warning-transparent);
}
.badge.warning.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.warning.without-bg .leading-icon {
  color: var(--status-warning);
  font-size: 0.875rem;
}
.badge.negative {
  background-color: var(--status-error);
  color: var(--text-white-color);
}
.badge.negative.outlined-square-badge {
  border: 1px solid var(--status-error);
  color: var(--status-error);
  background-color: var(--white);
}
.badge.negative.filled-square-badge {
  border: 1px solid var(--status-error);
  color: var(--status-error);
  background: var(--status-error-transparent);
}
.badge.negative.without-bg {
  background-color: transparent;
  color: var(--text-primary-color);
  border: none;
}
.badge.negative.without-bg .leading-icon {
  color: var(--status-error);
  font-size: 0.875rem;
}
.badge.neutral {
  background-color: var(--white);
  color: var(--text-primary-color);
  border: 1px solid var(--grey-800);
}
.badge.size-4 {
  height: 4px;
  width: 4px;
  border-radius: 20px;
}
.badge.size-8 {
  height: 8px;
  width: 8px;
  border-radius: 20px;
}
.badge.size-16 {
  height: 16px;
  width: 16px;
  border-radius: 20px;
  font-size: 0.75rem;
}
.badge.size-24 {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 20px;
  font-weight: 400 !important;
  line-height: 1.375rem;
  font-size: 0.75rem !important;
  white-space: nowrap;
}
.badge.rounded-small-badge {
  padding: 2.5px 8px;
  height: 1rem;
  border-radius: 1.25rem;
  line-height: 1.375rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
  min-width: 24px;
  max-width: fit-content;
}
.badge.rounded-badge {
  padding: 1px 8px 3px;
  min-height: 20px;
  border-radius: 20px;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
}
.badge.square-badge {
  padding: 3px 8px 5px;
  min-height: 24px;
  border-radius: 0.375rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
  max-width: fit-content;
}
.badge.outlined-square-badge {
  padding: 3px 8px 4.5px;
  height: 24px;
  border-radius: 0.375rem;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
  max-width: fit-content;
}
.badge.filled-square-badge {
  padding: 3px 8px 5px;
  border-radius: 0.375rem;
  height: 24px;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
  max-width: fit-content;
}
.badge.without-bg {
  font-weight: 400;
  font-size: 0.75rem;
}
.badge .badgelabel {
  font-family: "ABBVoice", Verdana;
}

.MuiBreadcrumbs-ol {
  font-family: "ABBVoice", Verdana;
}
.MuiBreadcrumbs-ol .MuiBreadcrumbs-separator {
  margin-left: 0.375rem;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
  cursor: default;
  font-size: 0.75rem;
}

.current-page {
  display: flex;
  align-items: center;
  color: var(--text-primary-color);
  cursor: default;
  font-weight: 400;
  font-size: 0.75rem;
  margin-top: 2px;
  font-family: "ABBVoice", Verdana;
}
.current-page .down-icon {
  margin-top: 2px;
  margin-left: 4px;
  color: var(--text-primary-color);
}

.previous-label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 8px;
  font-family: "ABBVoice", Verdana;
}
.previous-label-container .icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary-color);
}
.previous-label-container .icon.bg-white {
  background-color: var(--white);
}
.previous-label-container .icon.bg-white:hover {
  background-color: var(--grey-200);
}
.previous-label-container .icon.bg-gray {
  background-color: var(--grey-300);
}
.previous-label-container .icon.bg-gray:hover {
  background-color: var(--grey-100);
}
.previous-label-container .icon .icon-left {
  margin-top: 2px;
  color: var(--text-primary-color);
}
.previous-label-container .previous-label {
  font-family: "ABBVoice", Verdana;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-weight: 400;
  line-height: 1.15;
  display: inline-block;
}

.icon-right {
  color: var(--text-primary-color);
}

.ellipsis-icon {
  color: var(--text-primary-color);
  cursor: pointer;
}

.MuiButtonBase-root.MuiButton-root {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: fit-content;
  flex-shrink: 0;
  text-align: center;
  border-radius: 20px;
  text-transform: none;
}
.MuiButtonBase-root.MuiButton-root .MuiCircularProgress-root.MuiCircularProgress-colorPrimary {
  top: 2px;
}
@media only screen and (max-width: 1400px) {
  .MuiButtonBase-root.MuiButton-root .MuiCircularProgress-root.MuiCircularProgress-colorPrimary {
    top: 0;
  }
}
.MuiButtonBase-root.MuiButton-root .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.MuiButtonBase-root.MuiButton-root .icon {
  cursor: inherit;
}
.MuiButtonBase-root.MuiButton-root .label {
  font-size: 0.875rem;
  text-wrap: nowrap;
  font-weight: 500;
  font-family: "ABBVoice", Verdana;
}
.MuiButtonBase-root.MuiButton-root .btn-section {
  display: flex;
  border-top-left-radius: 20px;
  gap: 4px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
}
.MuiButtonBase-root.MuiButton-root .btn-section.size-32 {
  min-height: 32px;
  padding: 0 8px 0 16px !important;
}
.MuiButtonBase-root.MuiButton-root .btn-section.size-40 {
  min-height: 40px;
  max-height: 48px;
  padding: 0 12px 0 20px;
}
.MuiButtonBase-root.MuiButton-root .icon-section {
  padding: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.MuiButtonBase-root.MuiButton-root .icon-section.size-32 {
  min-height: 32px;
  padding: 0 8px 0 8px;
}
.MuiButtonBase-root.MuiButton-root .icon-section.size-40 {
  min-height: 40px;
  padding: 0 12px 0 12px;
}
.MuiButtonBase-root.MuiButton-root.split {
  padding: 0 !important;
}
.MuiButtonBase-root.MuiButton-root .icon {
  font-size: 0.875rem;
}
.MuiButtonBase-root.MuiButton-root .icon-down {
  font-size: 1rem;
}
.MuiButtonBase-root.MuiButton-root .divider {
  width: 0.5px;
}
.MuiButtonBase-root.MuiButton-root .divider.size-32 {
  min-height: 32px;
}
.MuiButtonBase-root.MuiButton-root .divider.size-40 {
  min-height: 40px;
}
.MuiButtonBase-root.MuiButton-root.round {
  border-radius: 50%;
  min-width: auto;
  width: 2rem;
  height: 2rem;
}
.MuiButtonBase-root.MuiButton-root.primary {
  background-color: var(--primary-default);
  color: var(--text-white-color);
}
.MuiButtonBase-root.MuiButton-root.primary:hover {
  background-color: var(--primary-hover);
}
.MuiButtonBase-root.MuiButton-root.primary:active {
  background-color: var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.primary:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.primary.disabled {
  background-color: var(--primary-disabled);
  color: var(--text-white-color);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.secondary {
  background-color: var(--grey-400);
  color: var(--text-primary-color);
}
.MuiButtonBase-root.MuiButton-root.secondary:hover {
  background-color: var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.secondary:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.secondary:active {
  background-color: var(--grey-600);
}
.MuiButtonBase-root.MuiButton-root.secondary.disabled {
  background-color: var(--grey-400);
  color: var(--grey-700);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.ghost {
  background-color: transparent;
  color: var(--text-primary-color);
  border: 2px solid var(--grey-400);
}
.MuiButtonBase-root.MuiButton-root.ghost:hover {
  background-color: var(--grey-400);
  border: 2px solid var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.ghost:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.ghost:active {
  background-color: var(--grey-500);
  border: 2px solid var(--grey-700);
}
.MuiButtonBase-root.MuiButton-root.ghost.disabled {
  color: var(--grey-500);
  border: 2px solid var(--grey-400);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.ghost.disabled:hover {
  background-color: transparent;
  color: var(--grey-500);
  border: 2px solid var(--grey-400);
}
.MuiButtonBase-root.MuiButton-root.discreet {
  background-color: transparent;
  color: var(--text-primary-color);
}
.MuiButtonBase-root.MuiButton-root.discreet:hover {
  background-color: var(--grey-400);
}
.MuiButtonBase-root.MuiButton-root.discreet:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.discreet:active {
  background-color: var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.discreet.disabled {
  color: var(--grey-500);
  background-color: transparent;
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.success {
  background-color: var(--status-success);
  color: var(--text-white-color);
}
.MuiButtonBase-root.MuiButton-root.success:hover {
  background-color: var(--status-success-hover);
}
.MuiButtonBase-root.MuiButton-root.success:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.success.disabled {
  background-color: var(--data-teal-500);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.success.disabled:hover {
  background-color: var(--data-teal-500);
}
.MuiButtonBase-root.MuiButton-root.error {
  background-color: var(--status-error);
  color: var(--text-white-color);
}
.MuiButtonBase-root.MuiButton-root.error:hover {
  background-color: var(--status-error-hover);
}
.MuiButtonBase-root.MuiButton-root.error:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.error.disabled {
  background-color: var(--data-red-700);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.error.disabled:hover {
  background-color: var(--data-red-700);
}
.MuiButtonBase-root.MuiButton-root.warning {
  background-color: var(--status-warning);
  color: var(--text-black-color);
}
.MuiButtonBase-root.MuiButton-root.warning:hover {
  background-color: var(--status-warning-hover);
}
.MuiButtonBase-root.MuiButton-root.warning:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.warning.disabled {
  background-color: var(--data-yellow-700);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.warning.disabled:hover {
  background-color: var(--data-yellow-700);
}
.MuiButtonBase-root.MuiButton-root.size-32 {
  min-height: 32px;
  max-height: 32px;
  padding: 0 16px !important;
}
.MuiButtonBase-root.MuiButton-root.size-40 {
  min-height: 40px;
  max-height: 40px;
  padding: 0 20px !important;
}
.MuiButtonBase-root.MuiButton-root.primary-split-button {
  background-color: var(--primary-default);
  border: solid 2px var(--primary-default);
  color: var(--text-white-color);
  padding: 0 !important;
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .divider {
  background-color: var(--text-white-color);
  z-index: 99;
}
.MuiButtonBase-root.MuiButton-root.primary-split-button:hover {
  border: solid 2px var(--primary-hover);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button:active {
  border: solid 2px var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .btn-section:hover {
  background-color: var(--primary-hover);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .btn-section:active {
  background-color: var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .btn-section.disabled {
  background-color: var(--primary-disabled);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .icon-section:hover {
  background-color: var(--primary-hover);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .icon-section:active {
  background-color: var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button .icon-section.disabled {
  background-color: var(--primary-disabled);
}
.MuiButtonBase-root.MuiButton-root.primary-split-button.disabled {
  background-color: var(--primary-disabled);
  border: solid 2px var(--primary-disabled);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button {
  background-color: var(--grey-400);
  border: solid 2px var(--grey-400);
  color: var(--text-primary-color);
  padding: 0 !important;
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .divider {
  background-color: var(--grey-500);
  z-index: 99;
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .btn-section:hover {
  background-color: var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .btn-section:active {
  background-color: var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .btn-section.disabled {
  background-color: var(--grey-400);
  color: var(--grey-700);
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .icon-section:hover {
  background-color: var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .icon-section:active {
  background-color: var(--grey-500);
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button .icon-section.disabled {
  background-color: var(--grey-400);
  color: var(--grey-700);
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiButton-root.secondary-split-button.disabled {
  background-color: var(--grey-400);
  color: var(--grey-700);
  border: solid 2px var(--grey-400);
  cursor: not-allowed;
}

.split-button-menu .MuiList-root {
  min-width: 128px;
}

.cards-container {
  display: flex;
  background-color: var(--card-bg);
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  opacity: 1;
  border: 1px solid var(--grey-400);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(0, 0, 0, 0.06) 0px 1px 2px;
  height: 100%;
  min-height: 120px;
}
.cards-container.primary-hover:not(.no-hover):not(.disabled):hover {
  background-color: var(--grey-200);
  border: 1px solid var(--grey-600);
  cursor: pointer;
}
.cards-container.primary-hover:not(.no-hover):not(.disabled):hover .gray {
  background-color: var(--grey-300);
}
.cards-container.primary-hover:not(.no-hover):not(.disabled):hover .card-icon-container {
  background-color: var(--white) !important;
}
.cards-container {
  /* SECONDARY hover (light blue) */
}
.cards-container.secondary-hover:not(.no-hover):not(.disabled):hover {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--accordion-border);
  cursor: pointer;
}
.cards-container.secondary-hover:not(.no-hover):not(.disabled):hover .gray {
  background-color: var(--accordion-expanded-bg);
}
.cards-container.secondary-hover:not(.no-hover):not(.disabled):hover .card-icon-container {
  background-color: var(--white) !important;
}
.cards-container.selected.highlight-background {
  border: 1px solid var(--primary-default) !important;
  background-color: var(--accordion-expanded-bg) !important;
}
.cards-container.selected.highlight-border {
  background-color: var(--white) !important;
  border-top-width: 4px !important;
  border-color: var(--primary-default) !important;
  box-shadow: 0 2px 8px transparent !important;
}
.cards-container.align {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 8px 24px;
  box-shadow: none;
  box-sizing: border-box;
  background: var(--white);
  line-height: 2.188rem;
  border-radius: 0;
  border: 2px solid transparent;
  border-bottom: 1px solid var(--grey-500);
}
.cards-container.align .w-15 {
  width: 15%;
}
.cards-container.align .w-25 {
  width: 25%;
}
.cards-container.align .secondary-text {
  color: var(--grey-900);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.15;
  text-transform: none;
}
.cards-container.align .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.15;
  color: var(--text-primary-color);
}
.cards-container.align .description {
  text-align: left;
  font-size: 0.875rem;
  letter-spacing: 0;
  color: var(--text-primary-color);
  opacity: 1;
  overflow: hidden;
  line-height: 1.15;
}
.cards-container.align .supporting-text {
  color: var(--text-secondary-color);
  font-size: 0.75rem;
  overflow: hidden;
  line-height: 1.15;
}
.cards-container.align:not(.disabled):hover {
  background-color: var(--grey-300);
  cursor: pointer;
  border: 1px solid transparent;
  border-bottom-color: var(--grey-500);
}
.cards-container.align.selected {
  border: 1px solid var(--accordion-border);
}
.cards-container.disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}
.cards-container:hover .image-container {
  background: var(--white);
}
.cards-container:hover .hover {
  background: var(--white);
}
.cards-container .top-content {
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  flex: 1 1 0.000000001px;
  padding: 16px;
}
.cards-container .top-content.gap-12 {
  gap: 12px;
}
.cards-container .top-content.gap-16 {
  gap: 16px;
}
.cards-container .top-content .secondary-text {
  color: var(--grey-900);
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: none;
  line-height: 1.15;
}
.cards-container .top-content .title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.15;
  color: var(--text-primary-color);
}
.cards-container .top-content .description {
  text-align: left;
  font-size: 0.875rem;
  letter-spacing: 0;
  color: var(--text-primary-color);
  opacity: 1;
  overflow: hidden;
  line-height: 1.15;
}
.cards-container .top-content .card-icon-container {
  background-color: var(--grey-300) !important;
}
.cards-container .top-content .card-icon-container.hover {
  background-color: var(--white);
}
.cards-container .bottom-content {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center space-between;
  align-items: center;
  padding: 8px 16px;
  border-top: 1px solid var(--grey-400);
  min-width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.cards-container .bottom-content.gray {
  background: var(--grey-200);
}
.cards-container .bottom-content .supporting-text {
  color: var(--grey-900);
  text-transform: none;
  font-size: 0.75rem;
  overflow: hidden;
  line-height: 1.15;
}

.list-card-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-card-container .align {
  border-bottom: none;
  border-radius: 4px;
}

.MuiButtonBase-root.MuiChip-root {
  box-sizing: border-box;
  border-radius: 20px;
  font-size: 0.75rem;
  margin-right: 8px !important;
  margin-left: 0 !important;
  font-weight: 400;
  background-color: var(--grey-300);
  border: 1.5px solid var(--grey-500);
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.MuiButtonBase-root.MuiChip-root .MuiChip-label {
  padding: 0;
}
.MuiButtonBase-root.MuiChip-root .MuiChip-icon {
  margin: 0;
  font-size: 1rem;
}
.MuiButtonBase-root.MuiChip-root:hover {
  background: var(--grey-400);
  color: var(--text-primary-color);
}
.MuiButtonBase-root.MuiChip-root:hover .MuiChip-deleteIcon {
  color: var(--text-primary-color);
}
.MuiButtonBase-root.MuiChip-root:active {
  box-shadow: none;
}
.MuiButtonBase-root.MuiChip-root .MuiChip-deleteIcon {
  font-size: 12px;
  margin: 0;
  color: var(--text-primary-color);
}
.MuiButtonBase-root.MuiChip-root .MuiChip-deleteIcon.disabled {
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiChip-root .leadingIconName {
  color: var(--text-primary-color);
}
.MuiButtonBase-root.MuiChip-root .leadingIconName.disabled {
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiChip-root.disabled {
  background: var(--grey-400);
  color: var(--grey-600);
  cursor: not-allowed;
  pointer-events: inherit;
  opacity: 1;
}
.MuiButtonBase-root.MuiChip-root.disabled .MuiChip-icon {
  color: var(--grey-600);
}
.MuiButtonBase-root.MuiChip-root.disabled .MuiChip-deleteIcon {
  color: var(--grey-600);
}
.MuiButtonBase-root.MuiChip-root.size-24 {
  height: 24px;
  padding: 0 8px 0 8px;
}
.MuiButtonBase-root.MuiChip-root.size-32 {
  height: 32px;
  padding: 0 12px 2px 12px;
}
.MuiButtonBase-root.MuiChip-root.size-40 {
  height: 40px;
  padding: 0 16px 2px 16px;
}
.MuiButtonBase-root.MuiChip-root .end-icon-container {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  align-items: center;
}
.MuiButtonBase-root.MuiChip-root .end-icon-container.disabled {
  color: var(--text-disabled-color) !important;
}
.MuiButtonBase-root.MuiChip-root .end-icon-container.disabled .icon-container {
  color: inherit;
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiChip-root .end-icon-container.disabled .icon-container:hover {
  background-color: transparent !important;
}
.MuiButtonBase-root.MuiChip-root .end-icon-container .down-icon {
  padding-right: 4px;
}
.MuiButtonBase-root.MuiChip-root .end-icon-container .border {
  border-right: 1px solid var(--grey-700);
}
.MuiButtonBase-root.MuiChip-root.clicked-chip {
  cursor: pointer;
  background-color: var(--status-info-transparent);
  color: var(--primary-default) !important;
  border: 1px solid var(--primary-default);
  font-weight: 400;
}
.MuiButtonBase-root.MuiChip-root.clicked-chip .MuiChip-icon {
  color: var(--primary-default);
}
.MuiButtonBase-root.MuiChip-root.clicked-chip .end-icon-container .icon-container {
  color: var(--primary-default);
}
.MuiButtonBase-root.MuiChip-root.clicked-chip .end-icon-container .border {
  border-right: 1px solid var(--primary-default);
}
.MuiButtonBase-root.MuiChip-root.clicked-chip .MuiChip-deleteIcon {
  color: var(--primary-default);
}
.MuiButtonBase-root.MuiChip-root.clicked-chip:hover {
  background: var(--accordion-expanded-bg);
}

.counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 0 8px;
}
.counter.custom {
  gap: 8px;
}
.counter .icon {
  cursor: pointer;
  color: var(--text-primary-color);
}
.counter .MuiInputBase-root.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--grey-500) !important;
}
.counter .control-item {
  border-radius: 4px !important;
}

.MuiButtonBase-root.MuiCheckbox-root {
  padding: 4px 0px;
}

.blank-checkbox {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--grey-500);
  border-radius: 4px;
  background: transparent;
  z-index: 20;
  cursor: pointer;
}
.blank-checkbox:hover {
  border: 2px solid var(--grey-600);
  background-color: var(--grey-300);
}
.blank-checkbox.disabled {
  border: 2px solid var(--grey-400);
  background-color: var(--grey-300);
}
.blank-checkbox.hover {
  border: 2px solid var(--grey-600);
  background-color: var(--grey-300);
}
.blank-checkbox:active {
  border: 2px solid var(--grey-700);
  background-color: var(--grey-400);
}
.blank-checkbox:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.blank-checkbox.size-16 {
  width: 16px;
  height: 16px;
}
.blank-checkbox.size-24 {
  width: 24px;
  height: 24px;
}

.checked-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  padding: 2px;
  justify-content: center;
  border: 2px solid var(--primary-default);
  border-radius: 4px;
  background: var(--primary-default);
  color: var(--text-white-color);
  z-index: 20;
  cursor: pointer;
}
.checked-container .checked {
  display: flex;
  justify-content: center;
  align-items: center;
}
.checked-container.disabled {
  border: 2px solid var(--primary-disabled);
  background-color: var(--primary-disabled);
}
.checked-container .size-16 {
  font-size: 16px;
}
.checked-container .size-8 {
  font-size: 8px;
}
.checked-container.size-16 {
  width: 16px;
  height: 16px;
}
.checked-container.size-24 {
  width: 24px;
  height: 24px;
}
.checked-container:hover {
  border: 2px solid var(--primary-hover);
  background-color: var(--primary-hover);
}
.checked-container.hover {
  border: 2px solid var(--primary-hover);
  background-color: var(--primary-hover);
}
.checked-container:active {
  border: 2px solid var(--primary-active);
  background-color: var(--primary-active);
}
.checked-container:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}

.checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.checkbox-container .size-16 {
  font-size: 1rem;
}
.checkbox-container.disabled {
  cursor: not-allowed;
}
.checkbox-container .checkbox-label {
  font-family: "ABBVoice", Verdana;
  font-size: 0.875rem;
  margin-left: 8px;
  color: var(--text-primary-color);
  text-wrap: nowrap;
  cursor: pointer;
}
.checkbox-container .checkbox-label.disabled {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}

.table-wrapper {
  background-color: var(--white);
  overflow-x: auto;
}
.table-wrapper .data-grid-header-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.table-wrapper .data-grid-header-cell .column-resize-handle {
  cursor: col-resize;
  width: 4px;
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
  z-index: 100;
}
.table-wrapper .MuiTable-root {
  min-width: 550px;
}
.table-wrapper.border {
  border: 1px solid var(--grey-500);
}
.table-wrapper .table-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 1.125rem;
}
.table-wrapper .data-grid-input-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  min-width: 125px;
  max-width: 200px;
  width: 60%;
}
.table-wrapper .data-grid-input-wrapper.end {
  justify-self: end;
}
.table-wrapper .data-grid-input-wrapper .MuiInputBase-root.MuiInput-root.MuiInput-underline {
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana !important;
  color: var(--text-primary-color);
}
.table-wrapper .data-grid-input-wrapper .MuiInputBase-root.MuiInput-root.MuiInput-underline::before {
  border-bottom: 1px solid var(--grey-400);
}
.table-wrapper .data-grid-input-wrapper .MuiInputBase-root.MuiInput-root.MuiInput-underline:hover::before {
  border-bottom: 1px solid var(--text-primary-color);
}
.table-wrapper .data-grid-input-wrapper .MuiInputBase-root.MuiInput-root.MuiInput-underline::after {
  border-bottom: 1px solid var(--primary-default);
}
.table-wrapper .data-grid-input-wrapper .discreet-edit-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root {
  font-family: "ABBVoice", Verdana;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  border-bottom: 1px solid var(--text-secondary-color);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root .MuiButtonBase-root {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--text-secondary-color);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root:hover {
  background-color: var(--grey-300);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root .MuiButtonBase-root.MuiCheckbox-root {
  padding: 0;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.status {
  padding: 0;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.status:hover {
  background-color: var(--white);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.main-header {
  font-weight: 500;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.gray-border {
  border-bottom: 1px solid var(--grey-500);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root .transparent-border {
  border-bottom: 1px solid transparent;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.topHeader {
  border-bottom: 1px solid var(--grey-500);
  border-right: 1px solid var(--grey-500);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.topHeader:last-child {
  border-right: none;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.bg-white {
  background-color: var(--white);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.bg-white:hover {
  background-color: var(--grey-300);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.bg-white.no-hover {
  background-color: var(--white) !important;
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.bg-gray {
  background-color: var(--grey-200);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.bg-gray:hover {
  background-color: var(--grey-300);
}
.table-wrapper .MuiTableHead-root .MuiTableCell-root.bg-gray.no-hover {
  background-color: var(--grey-200) !important;
}
.table-wrapper .MuiTableHead-root .light {
  color: var(--text-primary-color);
  opacity: 0.6;
}
.table-wrapper .MuiTableHead-root .sort-icon {
  font-size: 1.2rem;
}
.table-wrapper .MuiTableHead-root .blue-border {
  border-bottom: 2px solid var(--primary-default);
}
.table-wrapper .MuiTableHead-root .MuiTableSortLabel-root:hover {
  color: var(--text-primary-color);
}
.table-wrapper .MuiTableHead-root .MuiTableSortLabel-root:focus {
  color: var(--text-primary-color);
}
.table-wrapper .MuiTableBody-root .filter-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.table-wrapper .MuiTableBody-root .filter-cell {
  padding: 0 16px;
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.Mui-selected {
  background-color: var(--accordion-expanded-bg) !important;
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.bg-white {
  background-color: var(--white);
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.bg-gray {
  background-color: var(--grey-200);
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.zebra {
  background-color: var(--grey-100);
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root:hover {
  background-color: var(--grey-300);
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.no-hover {
  background-color: var(--white) !important;
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.no-border .no-border {
  border: none !important;
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root.bg-blue {
  background-color: var(--accordion-expanded-bg);
}
.table-wrapper .MuiTableBody-root .MuiTableRow-root .MuiButtonBase-root.MuiCheckbox-root {
  padding: 0;
}
.table-wrapper .MuiTableCell-root {
  font-family: "ABBVoice", Verdana !important;
  font-size: 0.875rem;
  text-wrap: nowrap;
  color: var(--text-primary-color);
  border-bottom: 1px solid var(--grey-500);
}
.table-wrapper .MuiTableCell-root.checkbox-cell {
  padding: 0 10px 0 20px;
}
.table-wrapper .MuiTableCell-root.hovered {
  background-color: var(--grey-200);
}
.table-wrapper .MuiTableCell-root.status {
  width: auto;
  min-width: 10px;
  max-width: 10px;
  padding: 0 0 0 4px;
}
.table-wrapper .MuiTableCell-root.size-24 {
  height: 24px;
  padding: 0 12px;
}
.table-wrapper .MuiTableCell-root.size-32 {
  height: 32px;
  padding: 0 16px;
}
.table-wrapper .MuiTableCell-root.size-40 {
  height: 40px;
  padding: 0 20px;
}
.table-wrapper .MuiTableCell-root.size-48 {
  height: 48px;
  padding: 0 20px;
}
.table-wrapper .MuiTableCell-root.size-60 {
  height: 60px;
  padding: 0 20px;
}
.table-wrapper .MuiTableCell-root.border-right {
  border-right: 1px solid var(--grey-500);
}
.table-wrapper .MuiTableCell-root .open {
  transform: rotate(90deg);
  transition-duration: 300ms;
}
.table-wrapper .MuiTableCell-root.remove-border {
  border-bottom: none;
}
.table-wrapper .MuiTableCell-root.right-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 20px;
}
.table-wrapper .MuiTableCell-root .status-indicator {
  height: 100%;
  margin: 4px 0px;
  border-radius: 4px;
  width: 4px;
}
.table-wrapper .MuiTableCell-root .status-indicator.primary {
  background-color: var(--primary-default);
}
.table-wrapper .MuiTableCell-root .status-indicator.warning {
  background-color: var(--status-warning);
}
.table-wrapper .MuiTableCell-root .status-indicator.negative {
  background-color: var(--status-error);
}
.table-wrapper .MuiTableCell-root .status-indicator.positive {
  background-color: var(--status-success);
}
.table-wrapper .MuiTableCell-root .status-indicator.secondary {
  background-color: var(--grey-400);
}
.table-wrapper .MuiTableCell-root .status-indicator.size-24 {
  height: 16px;
}
.table-wrapper .MuiTableCell-root .status-indicator.size-32 {
  height: 24px;
}
.table-wrapper .MuiTableCell-root .status-indicator.size-40 {
  height: 32px;
}
.table-wrapper .MuiTableCell-root .status-indicator.size-48 {
  height: 40px;
}
.table-wrapper .MuiTableCell-root .status-indicator.size-60 {
  height: 52px;
}
.table-wrapper .MuiTableCell-root.sticky {
  position: sticky;
  left: 0;
  background: var(--grey-300) !important;
  z-index: 99;
}
.table-wrapper .MuiTableCell-root.sticky:hover {
  background: var(--grey-200) !important;
}
.table-wrapper .MuiTableCell-root.text-link {
  color: var(--primary-default);
}
.table-wrapper .MuiTableCell-root.text-link:hover {
  text-decoration: underline;
}

.table-with-toolbar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--text-primary-color);
}
.table-with-toolbar .divider {
  width: 1px;
  height: 16px;
  background: var(--grey-500);
}
.table-with-toolbar .first-part {
  gap: 8px;
  align-items: center;
  margin-right: 16px;
  font-size: 0.875rem;
  margin-bottom: 16px;
}
.table-with-toolbar .first-part .table-title {
  font-size: 1rem;
  margin-bottom: 0;
  margin-right: 0;
  font-weight: 500;
  color: var(--text-primary-color);
}

.data-grid-container {
  position: relative;
}
.data-grid-container .bg-grey {
  background-color: var(--grey-200);
}
.data-grid-container .grid-header {
  background-color: var(--grey-300);
}
.data-grid-container .action-container {
  max-width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.data-grid-container .header-cell {
  font-family: "ABBVoice", Verdana;
  font-weight: 500;
  padding: 0 20px;
  font-size: 0.875rem;
  text-wrap: nowrap;
  color: var(--text-secondary-color);
  border-bottom: 1px solid var(--text-secondary-color);
  background-color: transparent;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}
.data-grid-container .header-cell.bg-grey {
  background-color: var(--grey-200);
}
.data-grid-container .header-cell .light {
  color: var(--text-primary-color);
  opacity: 0.6;
  font-size: 1.313rem;
}
.data-grid-container .header-cell.blue-border {
  border-bottom: 2px solid var(--primary-default);
}
.data-grid-container .border {
  border-bottom: 1px solid var(--text-primary-color);
  margin-bottom: 4px;
  padding: 38px 20px 0px 20px;
}
.data-grid-container .data-row {
  margin-bottom: 8px;
  border-radius: 4px;
  border: 1px solid var(--grey-400);
  background-color: var(--white);
}
.data-grid-container .data-row.selected {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--primary-default);
}
.data-grid-container .data-row.selected.multiselect {
  background-color: var(--accordion-expanded-bg);
}
.data-grid-container .data-row.selected:hover {
  background-color: var(--accordion-expanded-bg);
}
.data-grid-container .data-row.selected:hover.multiselect {
  background-color: var(--accordion-expanded-bg);
}
.data-grid-container .data-row.primary {
  border-left: 4px solid var(--primary-default);
}
.data-grid-container .data-row.warning {
  border-left: 4px solid var(--status-warning);
}
.data-grid-container .data-row.negative {
  border-left: 4px solid var(--status-error);
}
.data-grid-container .data-row.positive {
  border-left: 4px solid var(--status-success);
}
.data-grid-container .data-row.secondary {
  border-left: 4px solid var(--grey-400);
}
.data-grid-container .data-row:hover {
  background-color: var(--grey-300);
}
.data-grid-container .data-row .highlighted-column {
  background-color: var(--grey-300);
}
.data-grid-container .filter-icon {
  position: absolute;
  top: 22px;
  right: 20px;
  color: var(--text-primary-color);
}
.data-grid-container .filter-container {
  width: 100%;
  box-sizing: border-box;
  font-family: "ABBVoice", Verdana;
  font-weight: 400;
  padding: 8px 20px;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 8px;
  gap: 8px;
  background-color: var(--grey-200);
  border-bottom: 1px solid var(--text-primary-color);
}
.data-grid-container .data-cell {
  font-family: "ABBVoice", Verdana;
  font-weight: 400;
  padding: 0 20px;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  display: flex;
  align-items: center;
  justify-content: start;
}
.data-grid-container.text-link {
  color: var(--primary-default);
}
.data-grid-container.text-link:hover {
  text-decoration: underline;
}

.expandable-row {
  cursor: pointer;
}

.workflow-pagination-container {
  width: 100%;
}

.filter-row-hidden {
  display: none;
}

.MuiInputAdornment-root {
  padding-right: 2px;
  margin: 0 !important;
}
.MuiInputAdornment-root .calender-icon {
  color: var(--text-primary-color);
}
.MuiInputAdornment-root .MuiButtonBase-root.MuiIconButton-root {
  padding: 0;
  margin: 0;
}

.MuiMonthCalendar-root {
  width: 258px !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
}
.MuiMonthCalendar-root .MuiMonthCalendar-button.Mui-selected {
  background-color: var(--primary-default) !important;
  color: var(--white);
}
.MuiMonthCalendar-root .MuiMonthCalendar-button.Mui-disabled {
  color: var(--grey-700) !important;
  cursor: not-allowed !important;
  pointer-events: all !important;
}
.MuiMonthCalendar-root .MuiMonthCalendar-button.Mui-disabled:hover {
  background-color: transparent !important;
}

.MuiYearCalendar-root .MuiYearCalendar-button.Mui-selected {
  background-color: var(--primary-default) !important;
  color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.has-date-value .MuiPickersSectionList-sectionContent {
  color: var(--text-primary-color) !important;
}

.MuiPickersInputBase-root.MuiPickersOutlinedInput-root {
  background-color: var(--white);
  padding-right: 8px;
  padding-left: 8px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana !important;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root .calender-icon {
  margin-right: 2px;
  display: flex;
  align-items: center;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root .MuiPickersSectionList-sectionContent {
  font-family: "ABBVoice", Verdana, sans-serif !important;
  color: var(--text-secondary-color);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.placeholder-text {
  color: var(--text-secondary-color) !important;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root:hover .MuiPickersOutlinedInput-notchedOutline {
  border-color: var(--text-primary-color);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-focused {
  caret-color: var(--primary-default);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-disabled {
  background-color: var(--grey-200) !important;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-disabled:hover {
  border-color: var(--grey-400);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-disabled .MuiPickersOutlinedInput-notchedOutline {
  background-color: var(--grey-200) !important;
  border-color: var(--grey-400);
  cursor: not-allowed;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root .MuiPickersOutlinedInput-notchedOutline {
  border-color: var(--grey-500);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-focused {
  caret-color: var(--primary-default);
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-focused .MuiPickersOutlinedInput-notchedOutline {
  border: 1px solid var(--primary-default);
  border-color: var(--primary-default) !important;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-error .MuiPickersOutlinedInput-notchedOutline {
  border-color: var(--status-error) !important;
}
.MuiPickersInputBase-root.MuiPickersOutlinedInput-root.Mui-error:hover {
  border-color: var(--status-error) !important;
}
.MuiPickersInputBase-root .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled {
  border-radius: 4px;
  color: var(--grey-600) !important;
  opacity: 0.8;
  cursor: not-allowed;
}

.MuiPickersLayout-root {
  font-family: "ABBVoice", Verdana !important;
}
.MuiPickersLayout-root .MuiMonthCalendar-button {
  background-color: transparent;
  border: none;
  border-radius: 20px;
  color: var(--text-primary-color);
  width: 64px;
  font-size: 14px;
  font-family: "ABBVoice", Verdana !important;
  height: 32px;
}
.MuiPickersLayout-root .MuiMonthCalendar-button:hover {
  background-color: var(--grey-300);
  cursor: pointer;
}
.MuiPickersLayout-root .MuiDateCalendar-root {
  height: auto;
  width: 264px;
  padding: 16px 20px 16px 20px;
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer {
  margin: 0;
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer .dayIsBetween {
  background-color: var(--accordion-expanded-bg);
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer .dayIsBetween:hover {
  background: var(--accordion-expanded-bg);
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer .isFirstDay {
  border-top-left-radius: "50%";
  border-bottom-left-radius: "50%";
  color: var(--white);
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer .isFirstDay:hover {
  background: transparent;
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer .isLastDay {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--primary-default);
  color: var(--white);
}
.MuiPickersLayout-root .MuiDayCalendar-weekContainer .isLastDay:hover {
  background: transparent;
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root {
  padding: 0 0px 8px 7px;
  margin: 0;
  min-height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root .MuiButtonBase-root.MuiIconButton-root {
  color: var(--text-primary-color);
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root .MuiButtonBase-root.MuiIconButton-root:hover {
  background: transparent;
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root .pr-8 {
  padding-right: 8px;
  font-size: 1.1rem;
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root .pl-8 {
  font-size: 1.1rem;
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer {
  font-weight: 500;
  font-size: 1rem;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana !important;
}
.MuiPickersLayout-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer.MuiPickersCalendarHeader-label {
  margin-right: 0 !important;
}
.MuiPickersLayout-root .MuiDayCalendar-header .MuiTypography-root.MuiTypography-caption.MuiDayCalendar-weekDayLabel {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana !important;
  height: 24px;
  width: 36px;
}
.MuiPickersLayout-root .MuiPickersDay-today {
  border: 1px solid var(--primary-default) !important;
  background-color: transparent !important;
}
.MuiPickersLayout-root .MuiPickersDay-root {
  height: 28px;
  width: 28px;
  padding: 4px;
  margin: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana !important;
}
.MuiPickersLayout-root .MuiPickersDay-root:hover {
  background-color: var(--grey-300);
}
.MuiPickersLayout-root .MuiPickersDay-root.MuiPickersDay-dayOutsideMonth {
  color: var(--grey-400);
}
.MuiPickersLayout-root .MuiPickersDay-root.MuiPickersDay-dayOutsideMonth:hover {
  background-color: var(--grey-300);
}
.MuiPickersLayout-root .MuiPickersDay-root.Mui-selected {
  background-color: var(--primary-default) !important;
  color: var(--text-white-color);
}
.MuiPickersLayout-root .MuiPickersYear-yearButton {
  font-family: "ABBVoice", Verdana !important;
  width: 60px;
  height: 36px;
  color: var(--text-primary-color);
}
.MuiPickersLayout-root .MuiPickersYear-yearButton .MuiYearCalendar-button {
  font-family: "ABBVoice", Verdana !important;
  font-size: 14px;
}
.MuiPickersLayout-root .MuiPickersYear-yearButton.Mui-selected {
  background-color: var(--primary-default) !important;
  color: var(--white);
}
.MuiPickersLayout-root .MuiPickersMonth-monthButton {
  font-family: "ABBVoice", Verdana !important;
  width: 60px;
  height: 36px;
  color: var(--text-primary-color);
}
.MuiPickersLayout-root .MuiPickersMonth-monthButton.Mui-selected {
  background-color: var(--primary-default) !important;
  color: var(--white);
}
.MuiPickersLayout-root .MuiYearCalendar-root {
  height: auto;
  width: 269px;
  max-height: 236px;
  overflow: hidden !important;
  scrollbar-gutter: stable;
}
.MuiPickersLayout-root .MuiYearCalendar-root:hover {
  overflow: auto !important;
}
.MuiPickersLayout-root .MuiPickersMonth-root {
  flex-basis: 26%;
}
.MuiPickersLayout-root .MuiPickersSlideTransition-root.MuiDayCalendar-slideTransition {
  min-height: 218px;
}

.MuiPickersLayout-contentWrapper .MuiDivider-root {
  border-width: 0;
}

.MuiPickersLayout-actionBar {
  display: none !important;
}

.date-range-wrapper {
  position: relative;
}
.date-range-wrapper .position-date-range-close {
  position: absolute;
  top: 0;
  right: 0;
}

.input-wrapper.top {
  flex-direction: column;
}
.input-wrapper.left {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.input-wrapper.left .input-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  line-height: 1.286;
}

.header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 30px 8px 30px;
}
.header-container.mt-0 {
  padding-top: 16px;
  padding-bottom: 0;
  padding-right: 4px;
  padding-left: 28px;
}
.header-container.padding {
  padding-left: 30px;
}
.header-container .first-part {
  display: flex;
}
.header-container .first-part .year-month-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.header-container .first-part .year-month-toggle .mt-2 {
  margin-top: 2px;
}
.header-container .first-part .year-month-toggle .arrow-icon {
  color: var(--text-primary-color);
}
.header-container .first-part .year-month-toggle .year-month {
  font-weight: 500;
  font-size: 1rem;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana;
}
.header-container .second-part {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header-container .second-part .arrow-icon {
  color: var(--text-primary-color);
}

.day-name-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  padding: 8px 16px 8px 24px;
}
.day-name-container.custom-picker {
  padding-right: 0;
  padding-left: 20px;
}
.day-name-container .day-name {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana !important;
  height: 24px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.days-container {
  height: 215px;
  padding-left: 24px;
  padding-bottom: 8px;
}
.days-container.pb-24 {
  padding-bottom: 24px;
}
.days-container.mt-0 {
  padding-bottom: 8px;
}
.days-container .week-container {
  display: flex;
  flex-direction: row;
}

.date-range-container {
  width: 300px;
  height: 328px;
  display: flex;
  flex-direction: row;
}
.date-range-container .defined-range-container {
  display: flex;
  font-family: "ABBVoice", Verdana;
  flex-direction: column;
  width: 200px;
}
.date-range-container .defined-range-container .defined-range-title {
  background-color: var(--white);
  padding: 16px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-weight: 500;
  border-right: 1px solid var(--grey-400);
}
.date-range-container .defined-range-container .list-item-container {
  height: 100%;
  background-color: var(--grey-200);
  border-right: 1px solid var(--grey-400);
}
.date-range-container .defined-range-container .list-item-container .list-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 16px;
  font-weight: 400;
  font-size: 0.875rem;
  height: 32px;
  color: var(--text-primary-color);
  border-left: 4px solid transparent;
  cursor: pointer;
}
.date-range-container .defined-range-container .list-item-container .list-item:hover {
  background-color: var(--grey-300);
}
.date-range-container .defined-range-container .list-item-container .list-item.selected {
  background-color: var(--accordion-expanded-bg);
  border-left: 4px solid var(--primary-default);
}
.date-range-container .calender-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.date-range-container .calender-container .top-display-part {
  display: flex;
  flex-direction: column;
  padding-top: 12px;
}
.date-range-container .calender-container .top-display-part .date-display {
  padding-left: 24px;
  font-size: 14px;
  padding-bottom: 12px;
}
.date-range-container .calender-container .top-display-part .date-display .range-text {
  color: var(--text-primary-color);
}
.date-range-container .calender-container .top-display-part .date-display .bold {
  font-weight: 500;
  color: var(--text-primary-color);
}
.date-range-container .calender-container .top-display-part .relative-filter {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  background-color: var(--grey-200);
  padding: 12px 24px;
}
.date-range-container .calender-container .top-display-part .relative-filter .range-type {
  width: 33%;
}
.date-range-container .calender-container .top-display-part .relative-filter .MuiInputBase-root.MuiOutlinedInput-root {
  min-width: 10px;
  max-width: 100%;
}
.date-range-container .calender-container .top-display-part .relative-filter .conditional-filter {
  display: flex;
  width: 65%;
  gap: 8px;
  flex-direction: row;
  align-items: center;
}
.date-range-container .calender-container .top-display-part .relative-filter .hide {
  visibility: hidden;
}
.date-range-container .calender-container .top-display-part .relative-filter .show {
  visibility: visible;
}
.date-range-container .calender-container .time-picker-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: end;
  padding-bottom: 24px;
  padding-right: 24px;
}
.date-range-container .calender-container .text-field-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-left: 24px;
}
.date-range-container .calender-container .text-field-container .text-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 50%;
}
.date-range-container .calender-container .text-field-container .label {
  color: var(--text-primary-color);
  font-weight: 500;
  font-size: 0.875rem;
}
.date-range-container .calender-container .to {
  color: var(--text-secondary-color);
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 16px;
}
.date-range-container .calender-container .calender-part {
  display: flex;
  flex-direction: row;
}
.date-range-container .calender-container .calender-time-container {
  display: flex;
  flex-direction: row;
  padding-right: 24px;
}
.date-range-container .calender-container .calender-time-container .time-range-container {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 4px;
}
.date-range-container .calender-container .calender-time-container .time-range-container.time-picker {
  padding-left: 24px;
  padding-bottom: 12px;
}
.date-range-container .calender-container .calender-time-container .time-range-container .from-to-label {
  color: var(--text-primary-color);
  font-weight: 400;
  font-size: 0.875rem;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--grey-400);
  border-radius: 20px;
  border: 2px solid var(--white);
}

.month-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 0px 24px 24px;
  max-width: 264px;
  min-width: 264px;
}
.month-container .month {
  width: 59px;
  border-radius: 20px;
  margin: 8px;
  height: 36px;
  color: var(--text-primary-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  cursor: pointer;
}
.month-container .month:hover {
  background-color: var(--grey-300);
}
.month-container .month.selected {
  background-color: var(--primary-default);
  color: var(--white);
}
.month-container .month.disabled {
  color: var(--grey-700) !important;
  cursor: not-allowed;
}
.month-container .month.disabled:hover {
  background-color: var(--white);
}

.date-range-picker .calender-icon {
  font-size: 1.5rem;
  margin-right: 8px;
}
.date-range-picker .mt-2 {
  margin-top: 2px;
  margin-left: 6px;
}

.year-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 8px 0px 24px 24px;
  height: 200px;
  overflow-y: auto;
  max-width: 264px;
  min-width: 264px;
}
.year-container .year {
  width: 68px;
  border-radius: 20px;
  margin: 4px;
  height: 36px;
  color: var(--text-primary-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  cursor: pointer;
}
.year-container .year:hover {
  background-color: var(--grey-300);
}
.year-container .year.selected {
  background-color: var(--primary-default);
  color: var(--white);
}

.day-button-container {
  display: flex;
  cursor: pointer;
}
.day-button-container.left-border-radius {
  border-radius: 50% 0 0 50%;
}
.day-button-container.right-border-radius {
  border-radius: 0 50% 50% 0;
}
.day-button-container.highlighted {
  background-color: var(--accordion-expanded-bg);
}
.day-button-container .button {
  height: 28px;
  width: 28px;
  margin: 4px;
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana !important;
  color: var(--text-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.day-button-container .button:hover {
  background-color: var(--grey-300);
}
.day-button-container .button.outlined {
  border: 1px solid var(--primary-default);
}
.day-button-container .button.outOfCurrentMonth {
  color: var(--grey-500);
  pointer-events: none;
}
.day-button-container .button.filled {
  background-color: var(--primary-default);
  border-radius: 50%;
  color: var(--text-white-color);
}
.day-button-container .button.filled:hover {
  background-color: var(--primary-default) !important;
}
.day-button-container.highlighted .button:hover {
  background-color: var(--accordion-expanded-bg);
}

.mr-4 {
  margin-right: 4px;
}

.MuiDialog-root .MuiBackdrop-root.MuiModal-backdrop {
  background-color: rgba(0, 0, 0, 0.32);
}

.MuiPaper-root.MuiPaper-elevation.MuiDialog-paper {
  background-color: var(--white);
  color: var(--text-primary-color);
  max-width: 90vw;
}

.MuiDialog-paper .modal-container {
  border-radius: 4px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  min-width: 350px;
  max-width: 600px;
  position: relative;
}
.MuiDialog-paper .modal-container .heading-icon {
  font-size: 24px;
}
.MuiDialog-paper .modal-container .close-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--text-primary-color);
  font-size: 1.2rem;
}
.MuiDialog-paper .modal-container.default-modal {
  max-width: 90vw;
  padding: 32px;
}
.MuiDialog-paper .modal-container.default-modal .close-icon {
  position: absolute;
  top: 32px;
  right: 32px;
  color: var(--text-primary-color);
}
.MuiDialog-paper .modal-container.default-modal .heading {
  padding-right: 32px;
}
.MuiDialog-paper .modal-container.default-modal .heading .heading-left {
  flex-direction: row;
  align-items: center;
  margin-right: 0;
  gap: 8px;
}
.MuiDialog-paper .modal-container.default-modal .heading .heading-left .subtitle-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.MuiDialog-paper .modal-container.default-modal .heading .heading-left .divider {
  width: 1px;
  height: 24px;
  background-color: var(--grey-400);
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  align-self: end;
}
.MuiDialog-paper .modal-container.default-modal .heading .subtitle {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
  font-weight: 300;
}
.MuiDialog-paper .modal-container .heading {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  padding-right: 32px;
}
.MuiDialog-paper .modal-container .heading .heading-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 16px;
  gap: 8px;
}
.MuiDialog-paper .modal-container .heading.border-bottom {
  border-bottom: 1px solid var(--grey-400);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.MuiDialog-paper .modal-container .heading .heading-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary-color);
  line-height: 1.563rem;
}
.MuiDialog-paper .modal-container .heading .dialog-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary-color);
}
.MuiDialog-paper .modal-container .heading .title-wrapper {
  display: flex;
  align-items: end;
  gap: 8px;
}
.MuiDialog-paper .modal-container .heading .title-wrapper .icon-container.heading-icon.back-button {
  background-color: var(--grey-300);
}
.MuiDialog-paper .modal-container .heading .title-wrapper .icon-container.heading-icon.back-button:hover {
  background-color: var(--grey-200);
}
.MuiDialog-paper .modal-container .heading .title-description {
  font-size: 14px;
  color: var(--text-secondary-color);
  padding-left: 38px;
}
.MuiDialog-paper .modal-container .heading .subtitle {
  color: var(--text-secondary-color);
  font-size: 0.875rem;
  border-left: 1px solid var(--grey-500);
  margin-left: 8px;
  padding-left: 16px;
}
.MuiDialog-paper .modal-container.information .heading-icon {
  color: var(--primary-default);
  padding: 0px;
}
.MuiDialog-paper .modal-container.information .heading-icon:hover {
  background-color: transparent;
}
.MuiDialog-paper .modal-container.error .heading-icon {
  color: var(--status-error);
  padding: 0px;
}
.MuiDialog-paper .modal-container.error .heading-icon:hover {
  background-color: transparent;
}
.MuiDialog-paper .modal-container.success .heading-icon {
  color: var(--status-success);
  padding: 0px;
}
.MuiDialog-paper .modal-container.success .heading-icon:hover {
  background-color: transparent;
}
.MuiDialog-paper .modal-container.warning .heading-icon {
  color: var(--status-warning);
  padding: 0px;
}
.MuiDialog-paper .modal-container.warning .heading-icon:hover {
  background-color: transparent;
}
.MuiDialog-paper .modal-container.default .heading-icon {
  color: var(--text-primary-color);
  padding: 0px;
}
.MuiDialog-paper .modal-container.default .heading-icon:hover {
  background-color: transparent;
}
.MuiDialog-paper .modal-container .content {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-primary-color);
  line-height: 1.313rem;
  margin-left: 0;
  margin-bottom: 16px;
}
.MuiDialog-paper .modal-container .content.has-icon {
  margin-left: 32px;
}
.MuiDialog-paper .modal-container .content-container {
  min-width: 520px;
  min-height: 22.75rem;
  overflow-y: auto;
  padding-top: 16px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  background-color: var(--grey-300);
}
.MuiDialog-paper .modal-container .content-container-wrapper {
  margin-bottom: 24px;
  font-size: 14px;
}
.MuiDialog-paper .modal-container .modal-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.empty-state {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 4px;
}
.empty-state .primary-text {
  font-weight: 500;
  font-size: 1.313rem;
  color: var(--text-primary-color);
}
.empty-state .secondary-text {
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.empty-state .empty-state-button-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.empty-state .empty-state-image {
  width: 24%;
  max-width: 96px;
  min-width: 80px;
}
.empty-state .icon-container {
  padding: 0px !important;
}
.empty-state .icon-container:hover {
  background-color: transparent !important;
  cursor: default;
}

.multi-file-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.multi-file-container .uploader-label {
  font-family: "ABBVoice", Verdana;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.16px;
  color: var(--text-primary-color);
}
.multi-file-container .uploader-label.disabled {
  color: var(--grey-700);
  cursor: not-allowed;
}
.multi-file-container .uploader-description {
  font-family: "ABBVoice", Verdana;
  font-size: 0.75rem;
  letter-spacing: 0.16px;
  color: var(--text-secondary-color);
}
.multi-file-container .uploader-description.disabled {
  color: var(--grey-700);
  cursor: not-allowed;
}
.multi-file-container .button-upload-content {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 8px;
}
.multi-file-container .button-upload-content .uploaded-file-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.multi-file-container .button-upload-content .uploaded-file-container .error-text {
  font-size: 0.75rem;
  color: var(--status-error);
}
.multi-file-container .button-upload-content .uploaded-file-container .file-content {
  background: var(--segmented-control-hover);
  border-radius: 4px;
  padding: 0 12px 0px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 34px;
  max-width: 200px;
  min-width: 200px;
  color: var(--text-primary-color);
}
.multi-file-container .button-upload-content .uploaded-file-container .file-content .text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 190px;
}
.multi-file-container .button-upload-content .uploaded-file-container .file-content.error {
  border-bottom: 2px solid var(--status-error);
}
.multi-file-container .button-upload-content .uploaded-file-container .file-content .file-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 173px;
  padding-right: 16px;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.parent-container {
  min-width: 312px;
  max-width: 276px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  background: var(--grey-200) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
  height: 40px;
  border: 1px solid var(--grey-400);
}
.parent-container .single-file-container {
  display: flex;
  font-family: "ABBVoice", Verdana;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  min-height: 36px;
  gap: 8px;
  color: var(--text-primary-color);
}
.parent-container .single-file-container.error {
  border-bottom: 2px solid var(--status-error);
}
.parent-container .single-file-container.space-between {
  justify-content: space-between;
}
.parent-container .single-file-container .icon-name-container {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary-color);
}
.parent-container .single-file-container .icon-name-container .text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 190px;
}
.parent-container .single-file-container .icon-name-container .file-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 190px;
}
.parent-container .single-file-container .dragndrop {
  font-family: "ABBVoice", Verdana;
  font-size: 0.875rem;
  color: var(--grey-600);
}
.parent-container .single-file-container.drag-active-border {
  border: 1px dotted var(--text-blue-color);
}
.parent-container .single-file-container.disabled {
  background-color: var(--grey-400);
  color: var(--grey-700);
  cursor: not-allowed;
}
.parent-container .single-file-container.disabled .dragndrop {
  color: var(--grey-700);
  cursor: not-allowed;
}

.file-uploader-badge-container .badge.positive.without-bg {
  display: flex;
  justify-content: flex-start;
}

.app-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  min-width: 1200px;
  align-items: center;
  height: 64px;
  background-color: var(--white);
  border-bottom: 1px solid var(--grey-500);
  border-top: 1px solid var(--grey-500);
  color: var(--text-primary-color);
}
.app-header .first-part {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
}
.app-header .first-part .abb-logo {
  height: 1.8rem;
  min-width: 4.25rem;
  margin: 0 12px 0 0;
}
.app-header .first-part .header-text {
  padding-right: 12px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-weight: 400;
}
.app-header .first-part .divider {
  height: 36px;
  width: 1px;
  background: var(--grey-500);
}
.app-header .first-part .app-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  padding-left: 12px;
}
.app-header .first-part #nav-icon {
  margin-right: 20px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-header .first-part #nav-icon span {
  position: absolute;
  height: 1.5px;
  width: 22px;
  background: var(--text-primary-color);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transition: all 0.4s;
  cursor: pointer;
}
.app-header .first-part #nav-icon span:nth-child(1) {
  top: 6.5px;
}
.app-header .first-part #nav-icon span:nth-child(2) {
  top: 12.5px;
}
.app-header .first-part #nav-icon span:nth-child(3) {
  top: 18.5px;
}
.app-header .first-part #nav-icon.open span:nth-child(1) {
  top: 12px;
  transform: rotate(45deg);
  left: 0;
}
.app-header .first-part #nav-icon.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.app-header .first-part #nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 12px;
  left: 0;
}
.app-header .first-part .header-image {
  display: flex;
  align-items: center;
  margin-right: 12px;
  height: 1.8rem;
  min-width: 4.25rem;
}
.app-header .second-part {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20px;
  gap: 0.5rem;
}
.app-header .second-part .header-additional-content {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: fit-content;
  align-items: center;
}
.app-header .second-part .part-one {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.app-header .second-part .part-one .position {
  position: absolute;
  top: 9px;
  right: 69px;
}
.app-header .second-part .part-one .search-container {
  display: flex;
  align-items: center;
  position: relative;
}
.app-header .second-part .part-one .search-container .header-search-bar {
  position: absolute;
  top: 0;
  right: 24px;
  width: 0;
  z-index: 2;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;
  transform: translateX(100%);
}
.app-header .second-part .part-one .search-container .header-search-bar.active {
  opacity: 1;
  right: 30px;
  width: 160px;
  top: 0px;
  z-index: 99;
  transform: translateX(0);
}
.app-header .second-part .part-one .notification {
  position: relative;
}
.app-header .second-part .part-one .copilot {
  padding: 6px 12px 4px 12px;
  background-color: var(--grey-300);
  border-radius: 8px;
  cursor: pointer;
}
.app-header .second-part .part-one .copilot .copilot-img {
  max-width: 80px;
}
.app-header .second-part .divider {
  height: 36px;
  width: 1px;
  background: var(--grey-500);
}
.app-header .second-part .part-two {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.app-header .second-part .header-icon {
  font-size: 1.5rem;
  z-index: 10;
}
.app-header .second-part .global-icon {
  font-size: 2rem;
}
.app-header .second-part .pr-12 {
  padding-right: 0.75rem;
}
.app-header .navigation-link-group.tab-container {
  height: 68px;
}

.p-0 {
  padding: 0 !important;
  max-width: none;
  min-width: 68vw;
}
.p-0 .css-1d3ml05-MuiPopper-root-MuiTooltip-popper .MuiTooltip-arrow {
  width: 11em !important;
  height: 1.9em !important;
  margin-top: -1.9em;
  margin-left: 4em;
}
.p-0.MuiTooltip-tooltip.theme-light .MuiTooltip-arrow::before {
  color: var(--grey-200) !important;
}

.header-navigation-container {
  display: flex;
  flex-direction: row;
  min-width: 68vw;
}
.header-navigation-container .left-part {
  width: 40%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
.header-navigation-container .left-part .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.header-navigation-container .left-part .top .text-link {
  gap: 0;
  display: flex;
}
.header-navigation-container .left-part .heading {
  font-size: 1.313rem;
  font-weight: 500;
  text-wrap: nowrap;
  color: var(--text-primary-color);
}
.header-navigation-container .left-part .list-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.header-navigation-container .left-part .list-container .nav-list-item {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 32px;
  font-size: 0.875rem;
  font-weight: 500;
  width: 88%;
  border-left: 4px solid transparent;
  padding: 0 16px;
  cursor: pointer;
  margin-bottom: 0.5rem;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header-navigation-container .left-part .list-container .nav-list-item:hover {
  background-color: var(--grey-300);
}
.header-navigation-container .left-part .list-container .nav-list-item.selected {
  border-left: 4px solid var(--primary-default);
  background-color: var(--accordion-expanded-bg);
}
.header-navigation-container .left-part .digital-img {
  width: 52px;
  height: 52px;
}
.header-navigation-container .right-part {
  width: 60%;
  background-color: var(--grey-200);
  padding: 24px;
}
.header-navigation-container .right-part .card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  height: 200px;
  overflow-y: auto;
}
.header-navigation-container .right-part .app-item {
  width: 48%;
  display: flex;
  align-items: center;
  border: 0;
  box-shadow: none;
  gap: 16px;
  background: transparent;
}
.header-navigation-container .right-part .app-item .icon-container {
  border-radius: 12px;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  border: 1px solid transparent;
  background-color: var(--white);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.0509803922);
}
.header-navigation-container .right-part .app-item .icon-container .icon {
  width: 54%;
  cursor: default;
}
.header-navigation-container .right-part .app-item .icon-container.hover {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--primary-default);
  cursor: pointer;
}
.header-navigation-container .right-part .app-item .content {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-primary-color);
}
.header-navigation-container .right-part .app-item .content.hover {
  font-weight: 500;
  cursor: pointer;
}
.header-navigation-container .right-part .heading {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-primary-color);
  margin-bottom: 16px;
}

.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--text-primary-color);
  cursor: pointer;
  border-radius: 50%;
  width: fit-content;
  height: fit-content;
}
.icon-container.size-8 {
  font-size: 0.5rem;
  padding: 0.188rem;
}
.icon-container.size-12 {
  font-size: 0.75rem;
  padding: 0.25rem;
}
.icon-container.size-14 {
  font-size: 0.875rem;
  padding: 0.3rem;
}
.icon-container.size-16 {
  font-size: 1rem;
  padding: 0.375rem;
}
.icon-container.size-24 {
  font-size: 1.5rem;
  padding: 0.5rem;
}
.icon-container.size-32 {
  font-size: 2rem;
  padding: 0.75rem;
}
.icon-container:not(.disable-hover):not(.disabled):not(.selected) :hover {
  background-color: var(--grey-200);
}
.icon-container:not(.disable-hover):not(.disabled):not(.selected) :active {
  background-color: var(--grey-300);
}
.icon-container.list:not(.disable-hover):not(.disabled):hover {
  background-color: var(--grey-200);
}
.icon-container:not(.disable-hover):not(.disabled):hover {
  background-color: var(--grey-200);
}
.icon-container:not(.disable-hover):not(.disabled):active {
  background-color: var(--grey-300);
}
.icon-container.selected, .icon-container.selected:hover, .icon-container.selected:active {
  background-color: var(--accordion-expanded-bg) !important;
}
.icon-container.disabled {
  color: var(--text-disabled-color);
  background-color: transparent;
  cursor: not-allowed;
}

.input-group .middle .MuiFormControl-root.MuiTextField-root:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.input-group .middle .Mui-focused {
  border-left: none;
  border-right: none;
}
.input-group .middle .MuiOutlinedInput-notchedOutline {
  border-left: none;
  border-right: none;
}
.input-group .disabled {
  background-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: none;
}
.input-group .disabled .disabled {
  opacity: 0.6;
}
.input-group .read-only-input-group {
  font-size: 0.875rem;
  color: var(--text-primary-color);
  font-weight: 400;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}
.input-group .read-only-input-group.border {
  border-left: 1px solid var(--grey-500);
}
.input-group .MuiInputBase-root.MuiInput-root.MuiInput-underline::before {
  border-bottom: 1px solid var(--grey-400);
}
.input-group .MuiInputBase-root.MuiInput-root.MuiInput-underline:hover:not(.Mui-disabled, .Mui-error):before {
  border-bottom: 1px solid var(--text-primary-color);
}
.input-group .MuiInputBase-root.MuiInput-root.MuiInput-underline::after {
  border-bottom: 1px solid var(--primary-default);
}

.leftNav {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
  z-index: 100;
  overflow-x: hidden;
  background-color: var(--grey-100);
  box-shadow: 0 3px 6px var(--shadow-grey-200);
  transition: width 0.5s ease;
}
.leftNav .nav-container-submenu {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.leftNav .submenu {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}
.leftNav .submenu-item {
  padding: 16px 40px 16px 54px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  background-color: var(--white);
  color: var(--text-primary-color);
  cursor: pointer;
}
.leftNav .submenu-item:hover {
  background-color: var(--grey-300);
}
.leftNav .submenu-item.selected {
  background-color: var(--accordion-expanded-bg);
  font-weight: 500;
}
.leftNav .submenu-item .submenu-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.leftNav .submenu-item .badge-container-left-nav {
  display: flex;
  align-items: center;
}
.leftNav .submenu-item.border-color {
  border-left: 4px solid var(--primary-default);
}
.leftNav .submenu-item.border-transparent {
  border-left: 4px solid transparent;
}
.leftNav .submenu-icon {
  font-size: 16px;
}
.leftNav .submenu-label {
  font-size: 0.875rem;
}
.leftNav .hierarchy {
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 64px;
  gap: 16px;
  cursor: pointer;
  color: var(--text-primary-color);
  border-bottom: 1px solid var(--grey-400);
  margin-bottom: 4px;
}
.leftNav .hierarchy:hover {
  background-color: var(--grey-300);
}
.leftNav .hierarchy.justify-start {
  justify-content: start;
  padding-left: 20px;
}
.leftNav .hierarchy.justify-center {
  padding-left: 20px;
}
.leftNav .hierarchy .hierarchy-text.visible {
  display: block;
}
.leftNav .hierarchy .hierarchy-text.hidden {
  display: none;
}
.leftNav .hierarchy .hierarchy-text.hierarchy-active {
  color: var(--primary-default);
}
.leftNav .hierarchy .nav-icon {
  font-size: 24px;
  color: var(--text-primary-color);
}
.leftNav .hierarchy .nav-icon.hierarchy-active {
  color: var(--primary-default);
}
.leftNav .navigation {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: 64px;
  height: auto;
  gap: 16px;
  cursor: pointer;
  border-left: 4px solid transparent;
  color: var(--text-primary-color);
}
.leftNav .navigation:hover {
  background-color: var(--grey-300);
  transition: all 0.2s ease-in-out;
}
.leftNav .navigation.bg-highlight {
  background-color: var(--accordion-expanded-bg) !important;
}
.leftNav .navigation.bg-highlight.border-left {
  border-left: 4px solid var(--primary-default);
}
.leftNav .navigation.bg-white {
  background-color: var(--white);
}
.leftNav .navigation.bg-white.border-left {
  border-left: 4px solid var(--primary-default);
}
.leftNav .navigation.justify-start {
  justify-content: space-between;
}
.leftNav .navigation.pl-16 {
  padding-left: 16px;
}
.leftNav .navigation.disabled {
  color: var(--grey-600);
  background-color: var(--grey-100);
  cursor: not-allowed;
}
.leftNav .navigation .left-nav-badge-position {
  position: absolute;
  right: 12px;
  top: 16px;
}
.leftNav .navigation .nav-content-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 16px;
}
.leftNav .navigation .nav-wrapper-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.leftNav .navigation .nav-content-left {
  padding-right: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.leftNav .navigation .nav-content-left .visible {
  visibility: visible;
}
.leftNav .navigation .nav-content-left .hidden {
  visibility: hidden;
}
.leftNav .navigation .nav-content-left .rotate-arrow {
  transform: rotate(90deg);
  transition: transform 0.3s linear;
}
.leftNav .navigation .nav-content-left .right-arrow {
  transition: transform 0.3s linear;
}
.leftNav .navigation .nav-icon {
  position: relative;
  font-size: 24px;
  color: var(--text-primary-color);
}
.leftNav .navigation .nav-icon.icon-blue {
  color: var(--primary-default);
}
.leftNav .navigation .nav-icon.disabled {
  color: var(--grey-600);
  background-color: var(--grey-100);
  cursor: not-allowed;
}
.leftNav .navigation .nav-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-primary-color);
  white-space: nowrap;
  overflow: hidden;
}
.leftNav .navigation .nav-text.text-blue {
  color: var(--primary-default);
  font-weight: 500;
}
.leftNav .navigation .nav-text.visible {
  display: block;
}
.leftNav .navigation .nav-text.hidden {
  display: none;
}
.leftNav .navigation .nav-text.disabled {
  color: var(--grey-600);
  background-color: var(--grey-100);
  cursor: not-allowed;
}
.leftNav.w-80 {
  width: 300px;
}
.leftNav.w-64 {
  width: 64px;
}
.leftNav .nav-container-submenu.subitem-selected .navigation.bg-highlight {
  background-color: transparent !important;
}

.leftNav.rounded-light {
  min-height: auto;
  background: transparent !important;
  box-shadow: none !important;
}
.leftNav.rounded-light .nav-container-submenu {
  width: auto !important;
}
.leftNav.rounded-light .nav-container-submenu .navigation.disabled {
  background-color: var(--grey-100) !important;
}
.leftNav.rounded-light .nav-container-submenu .navigation.disabled:hover {
  background-color: var(--grey-100) !important;
}
.leftNav.rounded-light .nav-container-submenu .navigation:hover {
  background-color: var(--grey-400);
}
.leftNav.rounded-light .nav-container-submenu .navigation.bg-highlight {
  background-color: var(--primary-default) !important;
}
.leftNav.rounded-light .nav-container-submenu .navigation.bg-highlight.nav-icon.icon-blue {
  color: var(--white) !important;
}
.leftNav.rounded-light .nav-container-submenu.submenu-opened.subitem-selected {
  border-left: 4px solid var(--primary-default);
}
.leftNav.rounded-light .nav-container-submenu.has-submenu.submenu-opened {
  margin-bottom: 4px !important;
}
.leftNav.rounded-light .submenu-item.border-color {
  border-left: none !important;
}
.leftNav.rounded-light .submenu-item.border-color.selected {
  background-color: var(--primary-default) !important;
}
.leftNav.rounded-light .navigation.flex-row {
  background-color: var(--grey-200);
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu.submenu-opened .navigation.flex-row.bg-highlight {
  background-color: var(--primary-default) !important;
}
.leftNav.rounded-light .navigation.flex-row.border-left:hover {
  transition: all 0.2s ease-in-out;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu.selected-submenu {
  background-color: var(--white) !important;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu {
  border-radius: 0px 32px 0px 0px !important;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu .navigation.flex-row {
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu .submenu-item:hover {
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu.submenu-item {
  border-left: 4px solid var(--primary-default);
}
.leftNav.rounded-light .nav-container-submenu.has-submenu .submenu-item {
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-light .nav-container-submenu.has-submenu.selected-submenu .submenu {
  border-left: 4px solid var(--primary-default);
}
.leftNav.rounded-light .navigation.flex-row.bg-highlight .nav-icon.icon-blue {
  color: var(--white) !important;
}
.leftNav.rounded-light .navigation.flex-row.bg-highlight .nav-text.visible {
  color: var(--white) !important;
}
.leftNav.rounded-light .navigation.flex-row.bg-highlight .nav-content-left {
  color: var(--white) !important;
}
.leftNav.rounded-light .navigation.flex-row.bg-highlight .submenu-label {
  color: var(--white) !important;
}
.leftNav.rounded-light .navigation.flex-row.bg-highlight .submenu-label {
  color: var(--white) !important;
}
.leftNav.rounded-light .submenu-item.border-color.selected .submenu-content {
  color: var(--white) !important;
}
.leftNav.rounded-light .submenu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}

.leftNav.rounded-default {
  min-height: auto;
  background: transparent !important;
  box-shadow: none !important;
}
.leftNav.rounded-default .navigation.disabled:hover {
  background-color: var(--grey-100) !important;
}
.leftNav.rounded-default .nav-container-submenu.subitem-selected .nav-content-left {
  color: var(--primary-default) !important;
}
.leftNav.rounded-default .nav-container-submenu.submenu-opened {
  background-color: var(--white) !important;
}
.leftNav.rounded-default .navigation.flex-row {
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-default .navigation.flex-row.disabled:hover {
  background-color: var(--grey-100) !important;
}
.leftNav.rounded-default .navigation.flex-row:hover {
  background-color: transparent !important;
}
.leftNav.rounded-default .navigation.flex-row.border-left:hover {
  background-color: var(--accordion-expanded-bg) !important;
  transition: all 0.2s ease-in-out;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu.selected-submenu {
  background-color: var(--white) !important;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu {
  border-radius: 0px 32px 0px 0px !important;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu .navigation.bg-highlight {
  background-color: transparent !important;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu .navigation.flex-row {
  border-radius: 0px 32px 0px 0px !important;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu .submenu-item:hover {
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu.submenu-item {
  border-left: 4px solid var(--primary-default);
}
.leftNav.rounded-default .nav-container-submenu.has-submenu .submenu-item.selected {
  border-radius: 0px 32px 32px 0px !important;
}
.leftNav.rounded-default .nav-container-submenu.has-submenu.selected-submenu .submenu {
  border-left: 4px solid var(--primary-default);
}

.text-link {
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: fit-content;
  justify-content: center;
  color: var(--text-blue-color) !important;
  cursor: pointer;
  text-decoration: none !important;
  text-wrap: nowrap;
  position: relative;
}
.text-link .text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 132px;
  display: inline-block;
  vertical-align: bottom;
}
.text-link.mb-4 {
  margin-bottom: 4px;
}
.text-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0.5px;
  bottom: 0;
  left: 0;
  background-color: var(--text-blue-color);
  transform: scaleX(0);
  transition: transform 0.28s ease-in-out;
}
.text-link:hover::before {
  transform: scaleX(1);
}
.text-link.disabled::before {
  transform: scaleX(0) !important;
}
.text-link.disabled {
  cursor: not-allowed;
  color: var(--grey-700) !important;
  text-decoration: none !important;
}
.text-link .trailing-icon {
  margin-bottom: -2px;
}
.text-link.size-12 {
  font-size: 0.75rem;
}
.text-link.size-14 {
  font-size: 0.875rem;
}
.text-link.size-16 {
  font-size: 1rem;
}

.MuiList-root {
  background-color: var(--white);
  border-radius: 4px;
  box-sizing: border-box;
  min-width: 300px;
}
.MuiList-root.MuiList-root {
  padding: 0;
}
.MuiList-root.MuiList-root .zebra-stripe {
  background-color: var(--toolbar-bg);
}
.MuiList-root.MuiList-root .zebra-white {
  background-color: var(--white);
}
.MuiList-root.MuiList-root .MuiListItem-root .size-40 {
  height: 40px;
  padding: 0 20px;
}
.MuiList-root.MuiList-root .MuiListItem-root .size-32 {
  height: 32px;
  padding: 0 16px;
}
.MuiList-root.MuiList-root .MuiListItem-root .size-24 {
  height: 24px;
  padding: 0 12px;
}
.MuiList-root.MuiList-root .MuiListItem-root .multiline {
  height: auto;
}
.MuiList-root.MuiList-root .MuiListItem-root.pl-less .size-40 {
  padding: 0 14px 0 20px;
}
.MuiList-root.MuiList-root .MuiListItem-root.pl-less .size-32 {
  padding: 0 10px 0 16px;
}
.MuiList-root.MuiList-root .MuiListItem-root.pl-less .size-24 {
  padding: 0 6px 0 12px;
}
.MuiList-root .MuiDivider-root {
  background: var(--grey-400);
}
.MuiList-root .MuiListItem-root {
  padding: 0;
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root {
  font-family: "ABBVoice", Verdana;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-weight: 400;
  border-left: 4px solid transparent;
  background-color: transparent;
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root:hover {
  background-color: var(--grey-300);
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root.Mui-selected.multi {
  border-left: 4px solid transparent;
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root.Mui-selected.single {
  border-left: 4px solid var(--primary-default);
  background-color: var(--accordion-expanded-bg);
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root .MuiCheckbox-root {
  padding: 0;
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root .MuiListItemIcon-root {
  min-width: 0;
  padding-right: 8px;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root .MuiListItemText-primary {
  font-family: "ABBVoice", Verdana;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.313rem;
}
.MuiList-root .MuiListItem-root .MuiButtonBase-root.MuiListItemButton-root .MuiListItemText-secondary {
  font-family: "ABBVoice", Verdana;
  color: var(--text-secondary-color);
  font-size: 0.75rem;
  line-height: 1.313rem;
}

.loading-indicator-container {
  min-width: 350px;
}

.loading-indicator-label {
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "ABBVoice", Verdana;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 64px;
}
.loading-indicator-label .mr-20 {
  margin-right: 20px;
  color: var(--text-primary-color);
}
.loading-indicator-label.size-l {
  position: absolute;
  top: 36px;
  left: 32px;
}
.loading-indicator-label.disabled {
  color: var(--text-disabled-color);
  cursor: not-allowed;
}
.loading-indicator-label.disabled .mr-20 {
  color: var(--text-disabled-color);
}

.loading-indicator-description {
  color: var(--text-secondary-color);
  font-size: 0.75rem;
  font-weight: 400;
}

.progress-bar-container {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
}
.progress-bar-container .success {
  color: var(--status-success);
}

.MuiLinearProgress-root.MuiLinearProgress-colorPrimary {
  background-color: var(--grey-400);
  border-radius: 4px;
  width: 100%;
}
.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.size-small {
  height: 4px;
}
.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.size-medium {
  height: 6px;
}
.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.size-large {
  height: 8px;
}
.MuiLinearProgress-root.MuiLinearProgress-colorPrimary .MuiLinearProgress-bar {
  background-color: var(--primary-default);
}
.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.green-bg .MuiLinearProgress-bar {
  background-color: var(--status-success);
}
.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.disabled .MuiLinearProgress-bar {
  background-color: var(--grey-600);
  cursor: not-allowed;
}

.circular-progress-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  position: relative;
}
.circular-progress-container .tick-icon {
  color: var(--status-success);
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.circular-progress-container .tick-icon.small {
  font-size: 0.7rem;
  top: 2px;
  left: 1px;
}
.circular-progress-container .tick-icon.large {
  top: 21px;
  left: 21px;
  font-size: 3rem;
}
.circular-progress-container .tick-icon.medium {
  top: 9px;
  left: 7px;
  font-size: 1.5rem;
}

.MuiCircularProgress-root.MuiCircularProgress-colorPrimary {
  color: var(--primary-default);
}
.MuiCircularProgress-root.MuiCircularProgress-colorPrimary.bg-circle-radial {
  color: var(--grey-400);
}
.MuiCircularProgress-root.MuiCircularProgress-colorPrimary.green-bg {
  color: var(--status-success);
}
.MuiCircularProgress-root.MuiCircularProgress-colorPrimary.disabled {
  color: var(--grey-600);
  cursor: not-allowed;
}

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--primary-default);
  color: var(--primary-default);
  box-shadow: 9999px 0 0 -5px var(--primary-default);
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--primary-default);
  color: var(--primary-default);
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px var(--primary-default);
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px var(--primary-default);
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px var(--primary-default);
  }
  30% {
    box-shadow: 9984px 0 0 2px var(--primary-default);
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px var(--primary-default);
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px var(--primary-default);
  }
  30% {
    box-shadow: 9999px 0 0 2px var(--primary-default);
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px var(--primary-default);
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px var(--primary-default);
  }
  30% {
    box-shadow: 10014px 0 0 2px var(--primary-default);
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px var(--primary-default);
  }
}
.MuiMenu-list {
  min-width: 150px;
}

.MuiButtonBase-root.MuiMenuItem-root {
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana;
  font-weight: 400;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: start;
  gap: 8px;
}
.MuiButtonBase-root.MuiMenuItem-root:hover {
  background-color: var(--grey-300);
}
.MuiButtonBase-root.MuiMenuItem-root.size-40 {
  min-height: 40px;
  padding: 4px 20px;
  font-size: 1rem;
}
.MuiButtonBase-root.MuiMenuItem-root.size-32 {
  min-height: 32px;
  padding: 4px 16px;
  font-size: 0.875rem;
}
.MuiButtonBase-root.MuiMenuItem-root.size-24 {
  min-height: 24px;
  padding: 0 12px;
  font-size: 0.75rem;
}
.MuiButtonBase-root.MuiMenuItem-root.selected {
  background-color: var(--accordion-expanded-bg);
}
.MuiButtonBase-root.MuiMenuItem-root.selected.multi-selectable-option {
  background-color: transparent;
}
.MuiButtonBase-root.MuiMenuItem-root .menu-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.MuiButtonBase-root.MuiMenuItem-root .menu-item .first-part {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: start;
}
.MuiButtonBase-root.MuiMenuItem-root .menu-item .label {
  display: flex;
  flex-direction: column;
}
.MuiButtonBase-root.MuiMenuItem-root .menu-item .label .title {
  color: var(--text-primary-color);
  font-weight: 400;
  font-family: "ABBVoice", Verdana;
}
.MuiButtonBase-root.MuiMenuItem-root .menu-item .label .description {
  font-size: 0.75rem;
  color: var(--text-secondary-color);
  font-family: "ABBVoice", Verdana;
}
.MuiButtonBase-root.MuiMenuItem-root.disabled {
  cursor: not-allowed;
}
.MuiButtonBase-root.MuiMenuItem-root.disabled .title {
  color: var(--grey-500) !important;
}
.MuiButtonBase-root.MuiMenuItem-root.disabled:hover {
  background-color: transparent;
}
.MuiButtonBase-root.MuiMenuItem-root + .MuiDivider-root {
  margin: 0;
}

.MuiList-root .MuiDivider-root {
  color: var(--grey-400);
  margin: 0;
}

.navigation-link-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  height: 74px;
  color: var(--text-primary-color);
}
.navigation-link-group .tab-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
.navigation-link-group .tab-container .tab-text {
  cursor: pointer;
  font-size: 1rem;
  color: var(--text-primary-color);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  padding: 20px 16px;
  min-width: 90px;
}
.navigation-link-group .tab-container .tab-text.icon-tab {
  padding: 20px 4px;
}
.navigation-link-group .tab-container .tab-text:hover {
  font-weight: 500;
}
.navigation-link-group .tab-container .tab-text .down-icon {
  margin-top: 2px;
}
.navigation-link-group .tab-container .tab-text:hover {
  font-weight: 500;
}
.navigation-link-group .tab-container .tab-text.active {
  font-weight: 500;
}
.navigation-link-group .tab-container .tab-text.active .icon_abb_dias {
  font-weight: 600;
}
.navigation-link-group .tab-container .active-tab-indicator {
  position: absolute;
  bottom: 3px;
  height: 0.25rem;
  background-color: var(--primary-default);
  transition: left 0.3s ease;
}

.MuiSnackbar-root.position {
  top: 64px !important;
  right: 8px !important;
}
.MuiSnackbar-root .notification-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  font-family: "ABBVoice", Verdana;
  padding: 16px;
  border-radius: 4px;
  min-width: 300px;
  min-height: 24px;
  height: 56px;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  color: var(--text-primary-color);
  box-shadow: 0 3px 6px var(--shadow-grey-200);
}
.MuiSnackbar-root .notification-container .container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
.MuiSnackbar-root .notification-container.sm {
  padding: 10px 16px;
  height: 36px;
  font-size: 0.875rem;
  min-height: 6px;
}
.MuiSnackbar-root .notification-container.banner {
  width: 100vw;
  height: auto;
  position: absolute;
}
.MuiSnackbar-root .notification-container.banner .w-4 {
  width: 4%;
}
.MuiSnackbar-root .notification-container .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.MuiSnackbar-root .notification-container .content-container .secondary-text {
  color: var(--text-primary-color);
  font-size: 0.75rem;
  font-weight: 300;
}
.MuiSnackbar-root .notification-container.neutral {
  background-color: var(--white);
}
.MuiSnackbar-root .notification-container.neutral-sm {
  background-color: var(--grey-200);
  border: 1px solid var(--grey-500);
}
.MuiSnackbar-root .notification-container.primary {
  background-color: var(--white);
  border-radius: 0 0 5px 5px;
  border-top: 4px solid var(--status-info);
}
.MuiSnackbar-root .notification-container.primary .notification-icon {
  color: var(--status-info);
  font-size: 1.75rem;
}
.MuiSnackbar-root .notification-container.primary-sm {
  background-color: var(--status-info-transparent);
  border: 1px solid var(--status-info);
}
.MuiSnackbar-root .notification-container.primary-sm .notification-icon {
  color: var(--status-info);
  font-size: 1.25rem;
}
.MuiSnackbar-root .notification-container.success {
  background-color: var(--white);
  border-radius: 0 0 5px 5px;
  border-top: 4px solid var(--status-success);
}
.MuiSnackbar-root .notification-container.success .notification-icon {
  color: var(--status-success);
  font-size: 1.75rem;
}
.MuiSnackbar-root .notification-container.success-sm {
  background-color: var(--status-success-transparent);
  border: 1px solid var(--status-success);
}
.MuiSnackbar-root .notification-container.success-sm .notification-icon {
  color: var(--status-success);
  font-size: 1.25rem;
}
.MuiSnackbar-root .notification-container.warning {
  background-color: var(--white);
  border-radius: 0 0 5px 5px;
  border-top: 4px solid var(--status-warning);
}
.MuiSnackbar-root .notification-container.warning .notification-icon {
  color: var(--status-warning);
  font-size: 1.75rem;
}
.MuiSnackbar-root .notification-container.warning-sm {
  background-color: var(--status-warning-transparent);
  border: 1px solid var(--status-warning);
}
.MuiSnackbar-root .notification-container.warning-sm .notification-icon {
  color: var(--status-warning);
  font-size: 1.25rem;
}
.MuiSnackbar-root .notification-container.error {
  background-color: var(--white);
  border-radius: 0 0 5px 5px;
  border-top: 4px solid var(--status-error);
}
.MuiSnackbar-root .notification-container.error .notification-icon {
  color: var(--status-error);
  font-size: 1.75rem;
}
.MuiSnackbar-root .notification-container.error-sm {
  background-color: var(--status-error-transparent);
  border: 1px solid var(--status-error);
}
.MuiSnackbar-root .notification-container.error-sm .notification-icon {
  color: var(--status-error);
  font-size: 1.25rem;
}

.numeric .ml-4 {
  margin-left: 4px;
}
.numeric .active {
  cursor: pointer;
}
.numeric .inactive {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.numeric .error-icon {
  color: var(--status-error);
  margin-top: 2px;
}
.numeric .tick-icon {
  color: var(--status-success);
  margin-top: 2px;
}
.numeric .small-variant-action {
  display: flex;
  flex-direction: column;
  background-color: var(--grey-100);
  border-left: 1px solid var(--grey-400);
}
.numeric .small-variant-action .square-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.numeric .small-variant-action .square-icon:hover {
  background-color: var(--grey-300);
}
.numeric .small-variant-action .square-icon:active {
  background-color: var(--grey-300);
}
.numeric .small-variant-action .border-top {
  border-top: 1px solid var(--grey-400);
  border-radius: 0;
}
.numeric .small-variant-action .size-32 {
  min-height: 16px;
  padding: 2px;
}
.numeric .small-variant-action .size-40 {
  padding: 4px;
  min-height: 20px;
}
.numeric .disabled {
  background-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: none;
}
.numeric .disabled .prefix,
.numeric .disabled .end-adornment,
.numeric .disabled .suffix {
  color: var(--grey-500);
}
.numeric .disabled .disabled {
  opacity: 0.6;
}
.numeric .textfield-container {
  cursor: not-allowed;
}
.numeric .MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--primary-default) !important;
}

.MuiTablePagination-root {
  border-bottom: none;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana;
  width: 100%;
  overflow: hidden;
  display: flex;
}
.MuiTablePagination-root.add-border {
  border-top: 1px solid var(--grey-500);
}
.MuiTablePagination-root .MuiTablePagination-toolbar {
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  font-family: "ABBVoice", Verdana;
  justify-content: space-between;
  align-items: center;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-spacer {
  display: none;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-wrapper {
  font-family: "ABBVoice", Verdana;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.MuiTablePagination-root .MuiTablePagination-toolbar.css-1gak8h1-MuiToolbar-root-MuiTablePagination-toolbar {
  width: 100%;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-displayedRows {
  display: none;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-actions {
  font-family: "ABBVoice", Verdana;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-actions .arrow {
  color: var(--text-primary-color);
  padding: 0 8px;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-actions .arrow.disabled {
  color: var(--grey-600);
  cursor: not-allowed;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-actions .ml-4 {
  margin-left: 4px;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-actions .mr-4 {
  margin-right: 4px;
}
.MuiTablePagination-root .MuiTablePagination-toolbar .pagination-actions .text {
  font-family: "ABBVoice", Verdana;
  text-wrap: nowrap;
  margin-left: 8px;
}

.MuiRadioGroup-root .MuiFormControlLabel-root.MuiFormControlLabel-label.Mui-disabled {
  color: var(--text-primary-color);
}
.MuiRadioGroup-root .MuiFormControlLabel-root.Mui-disabled {
  cursor: not-allowed;
  color: var(--text-disabled-color);
}
.MuiRadioGroup-root .MuiButtonBase-root.MuiRadio-root {
  padding: 4px 8px;
}

.blank-radio {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--grey-500);
  border-radius: 50%;
  background: transparent;
  z-index: 20;
  cursor: pointer;
}
.blank-radio:hover {
  border: 2px solid var(--grey-600);
  background-color: var(--grey-300);
}
.blank-radio.hover {
  border: 2px solid var(--grey-600);
  background-color: var(--grey-300);
}
.blank-radio.disabled {
  border: 2px solid var(--grey-400);
  background-color: var(--grey-300);
}
.blank-radio:active {
  border: 2px solid var(--grey-700);
  background-color: var(--grey-400);
}
.blank-radio:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.blank-radio.size-16 {
  width: 16px;
  height: 16px;
}
.blank-radio.size-24 {
  width: 24px;
  height: 24px;
}

.selected-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-default);
  border-radius: 50%;
  background: var(--primary-default);
  z-index: 20;
  cursor: pointer;
}
.selected-container .checked {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--text-white-color);
}
.selected-container .size-8 {
  width: 8px;
  height: 8px;
}
.selected-container .size-6 {
  width: 6px;
  height: 6px;
}
.selected-container.size-16 {
  width: 16px;
  height: 16px;
}
.selected-container.size-24 {
  width: 24px;
  height: 24px;
}
.selected-container:hover {
  border: 2px solid var(--primary-hover);
  background-color: var(--primary-hover);
}
.selected-container.hover {
  border: 2px solid var(--primary-hover);
  background-color: var(--primary-hover);
}
.selected-container.disabled {
  border: 2px solid var(--primary-disabled);
  background: var(--primary-disabled);
}
.selected-container:active {
  border: 2px solid var(--primary-active);
  background-color: var(--primary-active);
}
.selected-container:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}

.radio-container {
  display: flex;
  flex-direction: row;
  align-items: start;
  cursor: pointer;
}
.radio-container.disabled {
  cursor: not-allowed;
}
.radio-container .MuiTypography-root {
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana;
  color: var(--text-primary-color);
  text-wrap: nowrap;
  cursor: pointer;
}
.radio-container .MuiTypography-root.MuiFormControlLabel-label.Mui-disabled {
  cursor: not-allowed;
  color: var(--grey-500);
}
.radio-container .radio-label-container.has-description {
  margin-top: 18px;
}
.radio-container .radio-label-container.has-description .radio-description {
  font-size: 14px;
  color: var(--text-secondary-color);
}

.date-range-container .header-container .first-part {
  width: 120px;
}
.date-range-container .outOfCurrentMonth {
  pointer-events: none;
}
.date-range-container .calender-container.monthly {
  min-width: 490px;
}

.range-text-field {
  margin: 24px 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.range-text-field .label {
  font-size: 14px;
  font-weight: 500;
}

.custom-container {
  display: flex;
  flex-direction: column;
}
.custom-container .header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0px 8px 24px;
}
.custom-container .header-container .first-part {
  width: 90px;
}
.custom-container .quaterly {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.custom-container .quarter-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: 0px 0px 24px 24px;
  overflow-y: auto;
  max-width: 262px;
}
.custom-container .quarter-container .quarter-button-container .quarter {
  width: 50px;
  border-radius: 20px;
  margin: 4px;
  height: 36px;
  color: var(--text-primary-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  cursor: pointer;
}
.custom-container .quarter-container .quarter-button-container .quarter:hover {
  background-color: var(--grey-300);
}
.custom-container .quarter-container .quarter-button-container .quarter.selected {
  background-color: var(--primary-default);
  color: var(--white);
}
.custom-container .year-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 0px 0px 22px;
  height: 140px;
  overflow-y: auto;
  max-width: 314px;
}
.custom-container .year-container .year {
  width: 80px;
}
.custom-container .year-button-container.highlighted {
  background-color: var(--accordion-expanded-bg);
}
.custom-container .year.selected {
  background-color: var(--primary-default);
  color: var(--white);
}
.custom-container .year-button-container.left-border-radius {
  border-radius: 50% 0px 0px 50%;
}
.custom-container .year-button-container.right-border-radius {
  border-radius: 0px 50% 50% 0px;
}
.custom-container .monthly {
  display: flex;
  flex-direction: row;
}
.custom-container .disabled {
  opacity: 0.5;
  pointer-events: none;
}
.custom-container .month-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  padding: 0px 0px 24px 24px;
  overflow-y: auto;
  max-width: 250px;
}
.custom-container .month-container .month-button-container .month {
  width: 60px;
  border-radius: 20px;
  margin: 4px;
  height: 36px;
  color: var(--text-primary-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  cursor: pointer;
}
.custom-container .month-container .month-button-container .month:hover {
  background-color: var(--grey-300);
}
.custom-container .month-container .month-button-container .month.selected {
  background-color: var(--primary-default);
  color: var(--white);
}
.custom-container .month-container .month-button-container .month.disabled {
  pointer-events: none;
  color: var(--grey-800);
}

.yearly .header-container {
  padding: 24px 18px 8px 24px;
}

.custom-btn {
  padding-top: 16px;
}

.input-wrapper .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 10.5px 0 7.5px 0;
}
.input-wrapper .MuiAutocomplete-root .input-styles.disabled {
  caret-color: transparent;
}
.input-wrapper .MuiAutocomplete-root .disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--toolbar-bg);
  color: var(--grey-600) !important;
}
.input-wrapper .MuiAutocomplete-root .disabled .MuiOutlinedInput-notchedOutline {
  border-color: var(--grey-400) !important;
  cursor: not-allowed;
  pointer-events: none;
}
.input-wrapper.discreet .MuiInputBase-root.MuiInput-root.MuiInput-underline {
  border-bottom: 1px solid var(--grey-500);
}
.input-wrapper .textfield-container.search-discreet .Mui-focused {
  background-color: var(--white);
}

.MuiAutocomplete-paper .MuiAutocomplete-listbox {
  padding: 0;
  max-height: 180px;
}
.MuiAutocomplete-paper .MuiAutocomplete-listbox .option-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option {
  padding: 0px 12px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: start;
  gap: 8px;
}
.MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-focused {
  background-color: var(--white);
}
.MuiAutocomplete-paper .MuiAutocomplete-listbox .MuiAutocomplete-option.hovered {
  background-color: var(--grey-300);
}

.search-add-option-margin-top-16 {
  margin-top: 16px;
}

.option-left-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.MuiAutocomplete-listbox {
  padding: 0;
}

.recent-search-header {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--grey-500);
  font-size: 12px;
  font-weight: 400;
  font-family: "ABBVoice", Verdana, sans-serif;
  color: var(--grey-500);
}

.segmented-control {
  background: var(--white);
  border-radius: 8px;
  opacity: 1;
  display: flex;
  align-items: center;
  padding: 3px 4px;
  gap: 4px;
  font-weight: 400;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.segmented-control .control-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  cursor: pointer;
}
.segmented-control .control-item img.icon {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  flex-shrink: 0;
}
.segmented-control.size-32 {
  height: 32px;
}
.segmented-control.size-32 .control-item {
  padding: 4px 8px;
  width: fit-content;
}
.segmented-control.size-32 .control-item.icon-only {
  padding: 2px 6px;
}
.segmented-control.size-40 {
  height: 40px;
  border-radius: 12px;
}
.segmented-control.size-40 .control-item {
  padding: 8px;
  width: fit-content;
  border-radius: 8px;
}
.segmented-control.size-40 .control-item.icon-only {
  padding: 8px;
}
.segmented-control.vertical {
  flex-direction: column;
  padding: 2px;
  height: 40px;
  flex: 1 1 auto;
  width: 100%;
  gap: 1px;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 12px;
}
.segmented-control.vertical .control-item {
  height: 18px;
  box-sizing: border-box;
  flex: 1 1 auto;
  border-radius: 4px;
  width: fit-content;
  padding: 1px 4px;
}
.segmented-control.bg-primary {
  background-color: var(--white);
  border: 0.5px solid var(--grey-600);
  color: var(--text-primary-color);
}
.segmented-control.bg-primary.disabled {
  color: var(--text-disabled-color);
}
.segmented-control.bg-primary .control-item:hover {
  background-color: var(--segmented-control-hover);
}
.segmented-control.bg-primary .control-item.selected {
  background-color: var(--primary-default);
  font-weight: 500;
  color: var(--text-white-color);
  cursor: default;
}
.segmented-control.bg-primary .control-item.selected.disabled {
  cursor: not-allowed;
  background: var(--primary-disabled);
  color: var(--text-white-color);
}
.segmented-control.bg-primary .control-item.disabled {
  color: var(--grey-600);
  background-color: var(--white);
  cursor: not-allowed;
}
.segmented-control.bg-white {
  background: var(--grey-400);
  border: 1px solid var(--grey-500);
  color: var(--text-primary-color);
}
.segmented-control.bg-white .control-item:hover {
  background-color: var(--segmented-control-hover);
}
.segmented-control.bg-white .control-item.selected {
  background-color: var(--white);
  color: var(--text-primary-color);
  font-weight: 500;
  cursor: default;
}
.segmented-control.bg-white .control-item.selected.disabled {
  cursor: not-allowed;
  background: var(--card-bg);
  color: var(--grey-500);
}
.segmented-control.bg-white .control-item.disabled {
  color: var(--grey-700);
  background: transparent;
  cursor: not-allowed;
}
.segmented-control.bg-light-blue {
  background-color: var(--white);
  border: 0.5px solid var(--grey-400);
  color: var(--text-primary-color);
}
.segmented-control.bg-light-blue .control-item:hover {
  background-color: var(--segmented-control-hover);
}
.segmented-control.bg-light-blue .control-item.selected {
  background-color: var(--accordion-expanded-bg);
  color: var(--text-primary-color);
  font-weight: 500;
  cursor: default;
}
.segmented-control.bg-light-blue .control-item.selected.disabled {
  cursor: not-allowed;
  background: var(--accordion-expanded-bg);
  color: var(--grey-600);
}
.segmented-control.bg-light-blue .control-item.disabled {
  color: var(--grey-600);
  background: var(--white);
  cursor: not-allowed;
}

.css-1jejjfu-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--primary-default) !important;
}

.MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input.MuiSelect-select {
  padding: 0;
}

.MuiFormControl-root.MuiTextField-root {
  width: 100%;
}

.MuiAutocomplete-inputRoot {
  padding-right: 0;
}

.select-placeholder {
  color: var(--text-secondary-color);
}

.mt-0 {
  margin-top: 0 !important;
}

.css-clttge-MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 0% 0px 0px 0px !important;
}

.MuiAutocomplete-root.MuiAutocomplete-tag {
  margin: 0;
}
.MuiAutocomplete-root.MuiOutlinedInput-root {
  padding: 0;
}

.MuiButtonBase-root.MuiMenuItem-root {
  display: flex;
  justify-content: space-between;
}
.MuiButtonBase-root.MuiMenuItem-root.Mui-selected {
  background-color: var(--accordion-expanded-bg);
}
.MuiButtonBase-root.MuiMenuItem-root.Mui-selected:hover {
  background-color: var(--accordion-expanded-bg);
}
.MuiButtonBase-root.MuiMenuItem-root.Mui-selected.multi-selectable-option {
  background-color: transparent;
}
.MuiButtonBase-root.MuiMenuItem-root.Mui-selected.multi-selectable-option:hover {
  background-color: var(--grey-300);
}
.MuiButtonBase-root.MuiMenuItem-root.Mui-disabled {
  background-color: var(--white);
  color: var(--grey-600);
  cursor: not-allowed;
  opacity: 1;
}
.MuiButtonBase-root.MuiMenuItem-root .option-name {
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.MuiPaper-root.MuiPaper-elevation {
  margin-top: 4px;
  background-color: var(--white);
  box-shadow: 0 6px 12px var(--shadow-grey-200);
}
.MuiPaper-root.MuiPaper-elevation .input-wrapper.discreet {
  min-width: auto;
}

.end-adornment {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.end-adornment .tag-badge {
  display: flex;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background-color: var(--grey-400);
  border: 1px solid var(--grey-500);
  margin-left: 6px;
}
.end-adornment .tag-badge:hover {
  cursor: pointer;
}
.end-adornment .mr-4 {
  margin-right: 4px;
}
.end-adornment .icon-close {
  border-right: 1px solid var(--grey-500);
  padding-left: 4px;
}
.end-adornment .icon-close.tag {
  padding-left: 0;
}

.add-option-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 0 6px;
}
.add-option-row .width-100 {
  width: 100%;
}

.MuiButtonBase-root.MuiMenuItem-root.MuiMenuItem-gutters.MuiMenuItem-root.editable-chip-select {
  justify-content: space-between;
}

.option-name-tooltip-wrapper {
  min-width: 0;
  overflow: hidden;
  display: flex;
}

.checkbox-label-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: auto;
  min-width: 0;
  overflow: hidden;
}
.checkbox-label-wrapper .option-icon {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  flex-shrink: 0;
  margin-left: 4px;
}
.checkbox-label-wrapper .name-icon-wrapper {
  display: flex;
  gap: 4px;
  align-items: center;
}
.checkbox-label-wrapper .name-icon-wrapper .icon-container {
  padding: 0px;
}

.prefix {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: solid 1px var(--grey-500);
  padding-right: 8px;
  font-size: 0.875rem;
  color: var(--grey-700);
  margin-right: 8px;
}

.m-4 {
  margin: 4px 0px;
}

.select-menu-header {
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  padding: 8px;
}

.select-all-divider {
  border-color: var(--grey-400);
  margin: 0;
}

.slider-container.MuiBox-root {
  width: 100%;
}
.slider-container.MuiBox-root .slider-title {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "ABBVoice", Verdana, sans-serif;
  color: var(--text-primary-color);
}
.slider-container.MuiBox-root .slider-description {
  font-size: 0.75rem;
  line-height: 1.3125rem;
  font-family: "ABBVoice", Verdana, sans-serif;
  color: var(--text-primary-color);
}
.slider-container.MuiBox-root.disabled {
  cursor: not-allowed !important;
}
.slider-container.MuiBox-root.disabled .slider-title {
  color: var(--text-disabled-color);
}
.slider-container.MuiBox-root.disabled .slider-description {
  color: var(--text-disabled-color);
}
.slider-container.MuiBox-root .slider-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.slider-container.MuiBox-root .disabled {
  background-color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: none;
}
.slider-container.MuiBox-root .disabled .prefix, .slider-container.MuiBox-root .disabled .end-adornment, .slider-container.MuiBox-root .disabled .suffix {
  color: var(--grey-500);
}
.slider-container.MuiBox-root .disabled .disabled {
  opacity: 0.6;
}
.slider-container.MuiBox-root .small-variant-action {
  display: flex;
  flex-direction: column;
  background-color: var(--grey-100);
  border-left: 1px solid var(--grey-400);
}
.slider-container.MuiBox-root .small-variant-action .square-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.slider-container.MuiBox-root .small-variant-action .square-icon:hover {
  background-color: var(--grey-200);
}
.slider-container.MuiBox-root .small-variant-action .square-icon:active {
  background-color: var(--grey-300);
}
.slider-container.MuiBox-root .small-variant-action .border-top {
  border-top: 1px solid var(--grey-400);
  border-radius: 0;
}
.slider-container.MuiBox-root .small-variant-action .p-4 {
  height: 20px;
  padding: 4px;
}
.slider-container.MuiBox-root .MuiSlider-root {
  color: var(--primary-default);
  padding: 12px 0;
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-rail {
  background-color: var(--grey-400);
  opacity: 1;
  width: 100%;
  height: 4px;
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-mark {
  background: var(--grey-400);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-mark.MuiSlider-markActive {
  background: var(--primary-default);
}
.slider-container.MuiBox-root .MuiSlider-root.MuiSlider-trackInverted .MuiSlider-rail {
  background-color: var(--primary-default);
  opacity: 1;
}
.slider-container.MuiBox-root .MuiSlider-root.MuiSlider-trackInverted .MuiSlider-track {
  background-color: var(--grey-400);
  opacity: 1;
  border-color: var(--grey-400);
}
.slider-container.MuiBox-root .MuiSlider-root.Mui-disabled {
  color: var(--grey-600);
  cursor: not-allowed;
}
.slider-container.MuiBox-root .MuiSlider-root.Mui-disabled .MuiSlider-markActive {
  background: var(--grey-600);
  cursor: not-allowed;
}
.slider-container.MuiBox-root .MuiSlider-root.Mui-disabled .MuiSlider-thumb {
  background-color: var(--white);
  border: 2px solid var(--grey-600);
  cursor: not-allowed;
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-thumb {
  width: 1rem;
  height: 1rem;
  background-color: var(--white);
  border: 2px solid var(--primary-default);
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-thumb.Mui-focusVisible {
  background-color: var(--primary-default);
  border: 2px solid var(--primary-default);
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-thumb.Mui-active {
  background-color: var(--primary-default);
  border: 2px solid var(--primary-default);
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-markLabel {
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "ABBVoice", Verdana, sans-serif;
  color: var(--text-primary-color);
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-valueLabelOpen {
  border: solid 1px var(--text-primary-color);
  font-family: "ABBVoice", Verdana, sans-serif;
  color: var(--white);
  padding: 3px 8px;
  background-color: var(--text-primary-color);
  border-radius: 8px;
  line-height: 1.15;
}
.slider-container.MuiBox-root .MuiSlider-root .MuiSlider-valueLabelOpen::before {
  width: 0;
  height: 0;
}
.slider-container.MuiBox-root .read-only {
  color: var(--text-primary-color);
}
.slider-container.MuiBox-root .read-only .MuiSlider-root .MuiSlider-thumb {
  display: none;
}

.switch-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.switch-container .indeterminate {
  background-color: var(--primary-default);
  color: var(--text-white-color);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
}
.switch-container .indeterminate.size-16 {
  width: 28px;
  padding: 0;
  height: 16px;
}
.switch-container .indeterminate.size-24 {
  width: 42px;
  padding: 0;
  height: 24px;
}
.switch-container .indeterminate.size-24 .icon-minus {
  font-size: 1.5rem;
}
.switch-container .indeterminate.size-32 {
  width: 56px;
  padding: 0;
  height: 32px;
}
.switch-container .indeterminate.size-32 .icon-minus {
  font-size: 2rem;
}
.switch-container .indeterminate:hover {
  background-color: var(--primary-hover);
}
.switch-container .indeterminate.disabled {
  background-color: var(--primary-disabled);
  cursor: not-allowed;
}
.switch-container .MuiSwitch-root:hover .MuiSwitch-track {
  background-color: var(--grey-800);
}
.switch-container.switch-container-hovered .MuiSwitch-root .MuiSwitch-track {
  background-color: var(--grey-800);
}
.switch-container.switch-container-hovered .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--primary-hover);
}
.switch-container.switch-container-hovered .indeterminate {
  background-color: var(--primary-hover);
}
.switch-container.toggle .MuiSwitch-root .Mui-disabled {
  color: var(--text-white-color);
  opacity: 1;
}
.switch-container.toggle .MuiSwitch-root .Mui-disabled + .MuiSwitch-track {
  opacity: 1;
}
.switch-container.toggle.switch-container-hovered .MuiSwitch-root .MuiSwitch-track {
  background-color: var(--grey-600);
}
.switch-container .MuiSwitch-switchBase {
  color: var(--text-white-color);
}
.switch-container .MuiSwitch-switchBase + .MuiSwitch-track {
  opacity: 1;
  background-color: var(--grey-600);
}
.switch-container .MuiSwitch-switchBase + .MuiSwitch-track:hover {
  background-color: var(--grey-800);
}
.switch-container .MuiSwitch-switchBase .MuiSwitch-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.switch-container .MuiSwitch-switchBase .MuiSwitch-thumb::before {
  color: var(--text-primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -2px;
}
.switch-container .MuiSwitch-switchBase.Mui-disabled {
  color: var(--text-white-color);
  box-shadow: none !important;
  cursor: not-allowed;
}
.switch-container .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track {
  background-color: var(--grey-400);
  opacity: 1;
  cursor: not-allowed;
}
.switch-container .MuiSwitch-switchBase.Mui-disabled .MuiSwitch-thumb::before {
  color: var(--grey-500);
  cursor: not-allowed;
}
.switch-container .MuiSwitch-switchBase.Mui-checked {
  color: var(--text-white-color);
}
.switch-container .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  opacity: 1;
  background-color: var(--primary-default);
}
.switch-container .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track:hover {
  background-color: var(--primary-hover);
}
.switch-container .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.switch-container .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb::before {
  color: var(--primary-default);
  display: flex;
  justify-content: center;
  align-items: center;
}
.switch-container .MuiSwitch-switchBase.Mui-checked.Mui-disabled {
  color: var(--text-white-color);
  opacity: 1;
  cursor: not-allowed;
}
.switch-container .MuiSwitch-switchBase.Mui-checked.Mui-disabled + .MuiSwitch-track {
  background-color: var(--primary-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.switch-container .size-24 {
  width: 42px;
  padding: 0;
  height: 24px;
  border-radius: 20px;
}
.switch-container .size-24 .MuiButtonBase-root.MuiSwitch-switchBase {
  padding: 3px 6%;
}
.switch-container .size-24 .MuiButtonBase-root.MuiSwitch-switchBase.Mui-checked {
  padding: 3px 4%;
}
.switch-container .size-24 .MuiButtonBase-root.MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb::before {
  font-size: 16px;
  margin-left: 0;
  margin-top: 1px;
}
.switch-container .size-24 .MuiSwitch-thumb {
  width: 18px;
  height: 18px;
}
.switch-container .size-24 .MuiSwitch-thumb::before {
  font-size: 16px;
  margin-left: -2px;
  margin-top: 0;
}
.switch-container .size-16 {
  width: 28px;
  padding: 0;
  height: 16px;
  border-radius: 20px;
}
.switch-container .size-16 .MuiButtonBase-root.MuiSwitch-switchBase {
  padding: 6% 9%;
}
.switch-container .size-16 .MuiButtonBase-root.MuiSwitch-switchBase.Mui-checked {
  left: -8px;
}
.switch-container .size-16 .MuiSwitch-thumb {
  width: 12px;
  height: 12px;
}
.switch-container .size-16 .MuiSwitch-thumb::before {
  font-size: 12px;
  margin-left: 0;
  margin-top: 0;
}
.switch-container .size-32 {
  width: 56px;
  padding: 0;
  height: 32px;
  border-radius: 20px;
}
.switch-container .size-32 .MuiButtonBase-root.MuiSwitch-switchBase {
  padding: 7%;
}
.switch-container .size-32 .MuiButtonBase-root.MuiSwitch-switchBase.Mui-checked {
  padding: 3px 8px;
}
.switch-container .size-32 .MuiButtonBase-root.MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb::before {
  font-size: 18px;
  margin-left: 0;
  margin-top: 1px;
}
.switch-container .size-32 .MuiSwitch-thumb {
  width: 24px;
  height: 24px;
}
.switch-container .size-32 .MuiSwitch-thumb::before {
  font-size: 18px;
}
.switch-container .label {
  color: var(--text-primary-color);
  display: flex;
  align-items: center;
  font-weight: 400;
  text-wrap: nowrap;
  cursor: pointer;
  min-width: fit-content;
}
.switch-container .label.size-16-text {
  font-size: 0.875rem;
}
.switch-container .label.size-24-text {
  font-size: 1rem;
}
.switch-container .label.size-32-text {
  font-size: 1rem;
}
.switch-container .label.disabled {
  cursor: not-allowed;
  color: var(--text-disabled-color);
}

.MuiTabs-root {
  border-bottom: 1px solid var(--grey-500);
  min-height: auto !important;
}
.MuiTabs-root.border {
  border-bottom: none;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root {
  color: var(--text-primary-color);
  box-sizing: border-box;
  font-family: "ABBVoice", Verdana;
  letter-spacing: normal;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 400;
  height: 40px;
  cursor: pointer;
  align-items: end;
  padding: 8px 16px 7px;
  min-height: auto;
  min-width: auto;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: 8px;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root:hover {
  background: var(--grey-400);
  border-radius: 4px 4px 0 0;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root:focus-visible {
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid var(--primary-active);
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root.Mui-disabled {
  cursor: not-allowed;
  background: transparent;
  pointer-events: inherit;
  color: var(--grey-600);
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root.Mui-selected {
  font-weight: 500;
  background-color: transparent;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root .MuiTab-iconWrapper {
  margin-left: 32px;
  margin-bottom: 3px;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root .label-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  max-width: 100%;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root .label-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root .label-container .icon:is(img) {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  flex-shrink: 0;
}
.MuiTabs-root .MuiButtonBase-root.MuiTab-root .label-container .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.MuiTabs-root .MuiTabs-indicator {
  height: 4px;
  background-color: var(--primary-default);
}

.MuiInputBase-root.MuiOutlinedInput-root {
  background-color: var(--white);
  padding-right: 8px;
  padding-left: 8px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana, sans-serif !important;
}
.MuiInputBase-root.MuiOutlinedInput-root.placeholder-text {
  color: var(--text-secondary-color) !important;
}
.MuiInputBase-root.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--text-primary-color);
}
.MuiInputBase-root.MuiOutlinedInput-root:focus-visible {
  outline-offset: 1px;
  outline: 2px solid var(--primary-active);
}
.MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-multiline {
  padding: 8px;
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused {
  caret-color: var(--primary-default);
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled {
  background-color: var(--grey-200) !important;
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled:hover {
  border-color: var(--grey-400);
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background-color: var(--grey-200) !important;
  border-color: var(--grey-400);
  cursor: not-allowed;
}
.MuiInputBase-root.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--grey-500);
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused {
  caret-color: var(--primary-default);
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--primary-default);
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: var(--status-error) !important;
}
.MuiInputBase-root.MuiOutlinedInput-root.Mui-error:hover {
  border-color: var(--status-error) !important;
}
.MuiInputBase-root .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled {
  border-radius: 4px;
  color: var(--grey-600) !important;
  opacity: 0.8;
  cursor: not-allowed;
}

.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--text-primary-color) !important;
}

.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--primary-default) !important;
  caret-color: var(--primary-default);
}

.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--grey-500) !important;
}

.css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: var(--status-error) !important;
}

.input-wrapper {
  display: flex;
  flex-direction: column;
  font-family: "ABBVoice", Verdana !important;
  gap: 4px;
  width: 100%;
}
.input-wrapper.row {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.input-wrapper .icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input-wrapper .pr-8 {
  padding-right: 8px;
}
.input-wrapper .divider {
  border-left: 1px solid var(--grey-500);
}
.input-wrapper .end-icon {
  padding-right: 6px;
  padding-left: 6px;
}
.input-wrapper .star {
  color: var(--status-error);
}
.input-wrapper .disabled {
  color: var(--text-disabled-color) !important;
  background: var(--background-disabled);
  pointer-events: none;
}
.input-wrapper .disabled .disabled {
  opacity: 0.6;
}
.input-wrapper.read-only .MuiInputBase-root.MuiInput-root {
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana !important;
  color: var(--text-primary-color);
}
.input-wrapper.read-only .MuiInputBase-root.MuiInput-root.MuiInput-underline::before {
  border-bottom: none;
}
.input-wrapper.read-only .MuiInputBase-root.MuiInput-root.MuiInput-underline:hover::before {
  border-bottom: none;
}
.input-wrapper.read-only .MuiInputBase-root.MuiInput-root.MuiInput-underline::after {
  border-bottom: none;
}
.input-wrapper.read-only .MuiFormControl-root.MuiTextField-root {
  min-width: 250px;
}
.input-wrapper.read-only .MuiFormControl-root.MuiTextField-root .css-1eed5fa-MuiInputBase-root-MuiInput-root::before {
  border-bottom: none;
}
.input-wrapper.read-only .MuiFormControl-root.MuiTextField-root .css-1eed5fa-MuiInputBase-root-MuiInput-root::after {
  border-bottom: none;
}
.input-wrapper.read-only .MuiFormControl-root.MuiTextField-root .css-1x51dt5-MuiInputBase-input-MuiInput-input {
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana !important;
}
.input-wrapper.discreet-edit {
  caret-color: var(--primary-default);
}
.input-wrapper.discreet-edit .MuiInputBase-root.MuiInput-root {
  padding: 0 12px;
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana !important;
}
.input-wrapper.discreet-edit .MuiInputBase-root.MuiInput-root.MuiInput-underline::before {
  border-bottom: 1px solid var(--grey-400);
}
.input-wrapper.discreet-edit .MuiInputBase-root.MuiInput-root.MuiInput-underline:hover::before {
  border-bottom: 1px solid var(--text-primary-color);
}
.input-wrapper.discreet-edit .MuiInputBase-root.MuiInput-root.MuiInput-underline::after {
  border-bottom: 1px solid var(--primary-default);
}
.input-wrapper.discreet-edit .css-1x51dt5-MuiInputBase-input-MuiInput-input {
  color: var(--text-primary-color);
  min-width: 50px;
  font-family: "ABBVoice", Verdana !important;
}
.input-wrapper.discreet-edit .css-1eed5fa-MuiInputBase-root-MuiInput-root::before {
  border-bottom: solid 1px var(--grey-500);
}
.input-wrapper.discreet-edit .css-1eed5fa-MuiInputBase-root-MuiInput-root:hover::before {
  border-bottom: solid 1px var(--text-primary-color);
}
.input-wrapper.discreet-edit .css-1eed5fa-MuiInputBase-root-MuiInput-root::after {
  border-bottom: 1px solid var(--primary-default);
}
.input-wrapper.discreet {
  caret-color: var(--primary-default);
}
.input-wrapper.discreet .MuiInputBase-root.MuiInput-root {
  color: var(--text-primary-color);
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana !important;
}
.input-wrapper.discreet .MuiInputBase-root.MuiInput-root.MuiInput-underline::before {
  border-bottom: 1px solid var(--grey-500);
}
.input-wrapper.discreet .MuiInputBase-root.MuiInput-root.MuiInput-underline:hover::before {
  border-bottom: 1px solid var(--text-primary-color);
}
.input-wrapper.discreet .MuiInputBase-root.MuiInput-root.MuiInput-underline::after {
  border-bottom: 1px solid var(--primary-default);
}
.input-wrapper.discreet .css-1x51dt5-MuiInputBase-input-MuiInput-input {
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana !important;
}
.input-wrapper.discreet .css-1eed5fa-MuiInputBase-root-MuiInput-root::before {
  border-bottom: solid 1px var(--grey-500);
}
.input-wrapper.discreet .css-1eed5fa-MuiInputBase-root-MuiInput-root:hover::before {
  border-bottom: solid 1px var(--text-primary-color);
}
.input-wrapper.discreet .css-1eed5fa-MuiInputBase-root-MuiInput-root::after {
  border-bottom: 1px solid var(--primary-default);
}
.input-wrapper.discreet .MuiInputBase-root.MuiOutlinedInput-root {
  border-radius: 0px;
  background-color: transparent;
}
.input-wrapper.discreet .MuiInputBase-root.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
  border-top: none;
  border-left: none;
  border-right: none;
}
.input-wrapper.default-with-prefix-and-suffix .MuiInputBase-root.MuiOutlinedInput-root {
  padding-left: 8px;
  padding-right: 8px;
}
.input-wrapper.default-with-prefix-and-suffix .MuiInputBase-root.MuiOutlinedInput-root .prefix {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-right: solid 1px var(--grey-500);
  padding-right: 8px;
  font-size: 0.875rem;
  color: var(--grey-700);
}
.input-wrapper.default-with-prefix-and-suffix .MuiInputBase-root.MuiOutlinedInput-root .gap-0 {
  gap: 0 !important;
}
.input-wrapper.default-with-prefix-and-suffix .MuiInputBase-root.MuiOutlinedInput-root .end-adornment {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: fit-content;
  gap: 2px;
}
.input-wrapper.default-with-prefix-and-suffix .MuiInputBase-root.MuiOutlinedInput-root .suffix {
  border-left: solid 1px var(--grey-500);
  padding-left: 8px;
  font-size: 0.875rem;
  color: var(--grey-700);
}
.input-wrapper.default-with-prefix-and-suffix .MuiInputBase-root.MuiOutlinedInput-root .icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
}
.input-wrapper.default-with-prefix-and-suffix .css-2ehmn7-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--text-primary-color) !important;
}
.input-wrapper.default-with-prefix-and-suffix .css-2ehmn7-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--primary-default) !important;
}
.input-wrapper.default-with-prefix-and-suffix .css-2ehmn7-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--grey-500) !important;
}
.input-wrapper.default-with-prefix-and-suffix .css-2ehmn7-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--status-error) !important;
}
.input-wrapper .input-label {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--text-primary-color);
  line-height: 1.286;
}
.input-wrapper .input-label.label-disabled {
  background: transparent;
  color: var(--text-disabled-color);
}
.input-wrapper .input-description {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--text-secondary-color);
  font-weight: 400;
  margin-top: 4px;
}
.input-wrapper .input-description.mt-0 {
  margin-top: 0;
}
.input-wrapper .input-description.disabled {
  color: var(--text-disabled-color) !important;
}
.input-wrapper .gap-0 {
  gap: 6px;
}
.input-wrapper .textfield-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.input-wrapper .textfield-container .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.input-wrapper .textfield-container .discreet-edit-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--text-primary-color);
}
.input-wrapper .textfield-container .discreet-edit-icons .icon.disabled {
  color: var(--grey-500);
}
.input-wrapper .msg-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
}
.input-wrapper .msg-container .mt-4 {
  margin-top: 4px;
}
.input-wrapper .msg-container .success {
  color: var(--status-success);
}
.input-wrapper .msg-container .error {
  color: var(--status-error);
}
.input-wrapper .msg-container .error-text {
  color: var(--status-error);
  font-size: 0.75rem;
  margin-top: 2px;
}
.input-wrapper .msg-container .error-text.select-error {
  margin-bottom: 2px;
  margin-top: 0;
}
.input-wrapper.disabled .MuiAutocomplete-root {
  pointer-events: none;
}
.input-wrapper.disabled .MuiAutocomplete-root .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--grey-500) !important;
}
.input-wrapper .input-label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input-wrapper.horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.input-styles {
  color: var(--text-primary-color) !important;
}

.placeholder-style {
  color: var(--text-secondary-color) !important;
}

input[type=text] {
  padding-block: 0;
  padding-inline: 0;
}

input::placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 1 !important;
}
input::-webkit-input-placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 1 !important;
}

textarea::placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 1 !important;
}
textarea::-webkit-input-placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 1 !important;
}

.css-dpjnhs-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: var(--status-error) !important;
}

.suffix {
  border-left: solid 1px var(--grey-500);
  padding-left: 8px;
  font-size: 0.875rem;
  color: var(--grey-700);
}

.input-wrapper.disabled .MuiFormControl-root.MuiTextField-root {
  cursor: not-allowed !important;
}

.time-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  margin: 60px 24px 24px 8px;
}
.time-container .segmented-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.time-container.m-0 {
  margin: 0;
  padding-left: 24px;
  padding-right: 0;
  padding-bottom: 16px;
  gap: 8px;
}
.time-container.pb-24 {
  padding-bottom: 24px;
}
.time-container.range-picker {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
  gap: 8px;
}
.time-container .time-part {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 6px;
}
.time-container .time-part.custom-picker {
  padding: 12px 8px 12px 0px;
  min-height: 46px;
  min-width: 245px;
  display: flex;
  justify-content: center;
}
.time-container .time-part .colon {
  color: var(--text-primary-color);
  font-size: 1rem;
  font-weight: 500;
}
.time-container.big-container .time-part {
  padding: 52px 24px 52px 16px;
}
.time-container .time-picker-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: end;
  width: 100%;
}

.title-container {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  place-content: flex-start;
  align-items: flex-start;
}
.title-container .top-red-line {
  height: 9px;
}
.title-container .top-red-line::before {
  content: "—";
  font-size: 32px !important;
  color: var(--red) !important;
  display: block;
  font-weight: 700;
  line-height: 0;
}
.title-container .title {
  font-family: "ABBVoice", Verdana;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-primary-color);
}
.title-container .secondary-text {
  font-family: "ABBVoice", Verdana;
  font-size: 2rem;
  font-weight: 200;
  color: var(--text-primary-color);
}

.title-info-container {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: flex-start;
  align-items: end;
}
.title-info-container .separator-line {
  height: 32px;
  border-left: 1px solid var(--grey-500);
  margin: 0 16px;
}
.title-info-container .title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary-color);
}
.title-info-container .ml-8 {
  margin-left: 12px;
}
.title-info-container .mr-8 {
  margin-right: 12px;
}
.title-info-container .secondary-text {
  font-size: 2rem;
  font-weight: 200;
  color: var(--text-primary-color);
}
.title-info-container .info {
  font-size: 1rem;
  color: var(--primary-default);
  margin-right: 4px;
}
.title-info-container .mt-20 {
  margin-top: 24px;
}
.title-info-container .info-text {
  font-size: 0.875rem;
  color: var(--primary-default);
}

.MuiToggleButtonGroup-root {
  font-family: "ABBVoice", Verdana, sans-serif;
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 4px;
  color: var(--text-primary-color);
  text-transform: capitalize;
  border: 0.5px solid var(--grey-400);
  background-color: var(--toolbar-bg);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped .toolbar-label {
  font-family: "ABBVoice", Verdana, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped .size {
  font-size: 1rem;
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped .size.disabled {
  cursor: not-allowed;
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped.MuiToggleButtonGroup-middleButton {
  border-left: 0.5px solid var(--grey-400);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped.MuiToggleButtonGroup-lastButton {
  border-left: 0.5px solid var(--grey-400);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped.MuiToggleButtonGroup-lastButton.Mui-disabled {
  border-left: 0.5px solid var(--grey-400);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped:hover {
  background-color: var(--grey-300);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped.Mui-selected {
  color: var(--primary-default);
  background: var(--white);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped.Mui-selected:hover {
  background-color: var(--grey-300);
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped div {
  margin-top: 4px;
}
.MuiToggleButtonGroup-root .MuiToggleButtonGroup-grouped.Mui-disabled {
  background-color: var(--grey-200);
  color: var(--grey-600);
  border-left: 1px solid var(--grey-400) !important;
  border: 1px solid var(--grey-400);
  cursor: not-allowed;
  pointer-events: all;
}
.MuiToggleButtonGroup-root.discreet .MuiToggleButtonGroup-grouped {
  border: none;
  background-color: transparent;
  border-radius: 8px;
  margin: 0 2px;
}
.MuiToggleButtonGroup-root.discreet .MuiToggleButtonGroup-grouped:hover {
  background-color: var(--grey-300);
}
.MuiToggleButtonGroup-root.discreet .MuiToggleButtonGroup-grouped.Mui-selected {
  color: var(--primary-default);
  background: var(--grey-300);
}
.MuiToggleButtonGroup-root.discreet .MuiToggleButtonGroup-grouped.Mui-selected:hover {
  background-color: var(--grey-300);
}

.MuiTooltip-popper .MuiTooltip-tooltip {
  font-family: "ABBVoice", Verdana, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 6px;
  font-weight: 400;
  padding: 8px;
}
.MuiTooltip-popper .MuiTooltip-tooltip.theme-light {
  background: var(--white);
  border: solid 0.5px var(--grey-400);
  color: var(--text-primary-color);
}
.MuiTooltip-popper .MuiTooltip-tooltip.theme-light.popover {
  border: none;
  padding: 16px;
  box-shadow: 0 6px 12px var(--shadow-grey-200);
}
.MuiTooltip-popper .MuiTooltip-tooltip.theme-light .MuiTooltip-arrow::before {
  color: var(--white);
}
.MuiTooltip-popper .MuiTooltip-tooltip.theme-dark {
  background: var(--grey-900);
  color: var(--white);
}
.MuiTooltip-popper .MuiTooltip-tooltip.theme-dark.popover {
  border: none;
  padding: 16px;
  box-shadow: 0 6px 12px var(--shadow-grey-200);
}
.MuiTooltip-popper .MuiTooltip-tooltip.theme-dark .MuiTooltip-arrow {
  color: var(--grey-900);
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementTop {
  margin-bottom: 8px !important;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementBottom {
  margin-top: 8px !important;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementRight {
  margin-left: 8px !important;
}
.MuiTooltip-popper .MuiTooltip-tooltipPlacementLeft {
  margin-right: 8px !important;
}

.MuiRichTreeView-root {
  min-width: 300px;
  width: 100%;
}
.MuiRichTreeView-root .MuiTreeItem-label {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--text-primary-color);
  font-family: "ABBVoice", Verdana;
}
.MuiRichTreeView-root .MuiTreeItem-label .tree-label-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.MuiRichTreeView-root .MuiTreeItem-label .tree-label-main-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.MuiRichTreeView-root .MuiTreeItem-label .tree-label-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  width: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.MuiRichTreeView-root .MuiTreeItem-label .tree-item-subtext {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-secondary-color);
  white-space: nowrap;
}
.MuiRichTreeView-root .MuiTreeItem-label .tree-item-description {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--text-secondary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}
.MuiRichTreeView-root .MuiTreeItem-root.size-24 .MuiTreeItem-content {
  padding: 4px 8px;
  min-height: 24px;
  height: auto;
}
.MuiRichTreeView-root .MuiTreeItem-root.size-32 .MuiTreeItem-content {
  padding: 8px 16px;
  min-height: 32px;
  height: auto;
}
.MuiRichTreeView-root .MuiTreeItem-root.size-40 .MuiTreeItem-content {
  padding: 12px 20px;
  min-height: 40px;
  height: auto;
}
.MuiRichTreeView-root .MuiTreeItem-root.divider .MuiTreeItem-content {
  border-bottom: 1px solid var(--grey-400);
}
.MuiRichTreeView-root .MuiTreeItem-root.has-checkbox .MuiTreeItem-content.Mui-selected {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  color: var(--text-primary-color);
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content {
  border-radius: 0;
  border-left: 4px solid transparent;
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content:hover {
  background-color: var(--grey-300);
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content:active {
  background-color: var(--grey-400);
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content.Mui-selected {
  outline: none;
  background-color: var(--accordion-expanded-bg);
  border-left: 4px solid var(--primary-default);
  color: var(--text-primary-color);
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content.Mui-disabled {
  cursor: not-allowed;
  background-color: var(--white);
  opacity: 0.5;
  pointer-events: none;
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content .MuiTreeItem-iconContainer {
  color: var(--text-primary-color);
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content .tree-content-container {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content .tree-content-container .checkbox-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.MuiRichTreeView-root .MuiTreeItem-root .MuiTreeItem-content .tree-content-container .tree-icon {
  font-size: 1rem;
}

.tree-heading {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: var(--text-primary-color);
  font-weight: 500;
}

.tree-accordion-wrapper {
  position: relative;
  display: flex;
  min-width: 10px;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.tree-accordion-wrapper .tree-accordion-container {
  width: 100%;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item-wrapper {
  position: relative;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-content {
  padding: 4px 0px;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--white);
  border: 1px solid var(--grey-400);
  margin: 0px;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: var(--text-primary-color);
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "ABBVoice", Verdana;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item:hover {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--accordion-border);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .icon {
  transform: rotate(0deg);
  transition-duration: 300ms;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.expanded .icon {
  transform: rotate(90deg);
  transition-duration: 300ms;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.selected {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--accordion-border);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.error-node {
  background-color: var(--accordion-expanded-bg);
  border: 1px solid var(--red);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.disable-all {
  pointer-events: none;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-right-content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  cursor: pointer;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-right-content .icon {
  font-size: 1rem;
  color: var(--primary-default);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-right-content:hover {
  color: var(--primary-hover);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.hover-right-content .tree-accordion-right-content {
  display: none;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.hover-right-content:hover .tree-accordion-right-content {
  display: flex;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.always-right-content .tree-accordion-right-content {
  display: flex;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-item-hover-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-item-hover-icon .blue {
  color: var(--primary-default);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-item-hover-icon .error {
  color: var(--red);
  font-size: 1rem;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.root-node {
  background-color: var(--grey-200);
  border: 1px dashed var(--grey-500);
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item .tree-accordion-icon {
  font-size: 0.75rem;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-first-part {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-item.side-line::before {
  content: "";
  position: absolute;
  left: -12px;
  /* Adjust to match the position of the vertical line */
  top: calc(var(--top) * 1px);
  height: 0;
  border-left: 1px dashed var(--grey-500);
  width: 12px;
  /* Length of the horizontal line */
  border-bottom: 1px dashed var(--grey-500);
  /* Dashed line style */
  /* No height, it's a horizontal line */
  transform: translateY(-50%);
  /* Center the line vertically */
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-children {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
}
.tree-accordion-wrapper .tree-accordion-container .tree-accordion-children.expanded {
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.3s ease-out;
}
.tree-accordion-wrapper .tree-accordion-container .inner {
  overflow: hidden;
  padding-top: 12px;
}
.tree-accordion-wrapper .tree-accordion-line {
  position: absolute;
  left: 0;
  top: 50%;
  /* Position vertically centered */
  width: 2px;
  /* Width of the vertical line */
  background: transparent;
  /* Set to transparent to use border styling */
  border-left: 1px dashed var(--grey-500);
  /* Change to dotted or solid if needed */
  height: 100%;
  /* Full height to cover the container */
  transform: translateY(-50%);
  /* Adjust for exact centering */
}
.tree-accordion-wrapper .tree-accordion-connector {
  position: absolute;
  left: -12px;
  /* Adjust to match the position of the vertical line */
  top: -15px;
  /* Start from the top of the parent element */
  width: 2px;
  /* Width of the vertical connector line */
  border-left: 1px dashed var(--grey-500);
  /* Dashed line style */
  transform: translateY(0%);
  /* Center the line vertically */
}

.wizard-content {
  border-radius: 4px;
  background: var(--white);
  min-height: 42vh;
  padding: 20px 32px;
  margin-top: 20px;
  min-width: 48vw;
}
.wizard-content.w-54 {
  min-width: 40vw;
  min-height: 56vh;
}

.wizard-parent-wrapper {
  width: 100%;
}
.wizard-parent-wrapper.vertical {
  max-width: 250px;
}

.expand-title-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  position: relative;
}
.expand-title-container .wizard-fixed-title {
  position: absolute;
  left: 48px;
}

.stepper-grey-bg {
  background: var(--grey-400);
  color: var(--text-primary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepper-grey-bg:hover {
  background: var(--grey-500);
}
.stepper-grey-bg .size {
  font-size: 1.5rem;
  cursor: pointer;
}

.menu-vertical-line {
  border-left: 1px solid var(--grey-500);
  height: 48px;
  width: 7%;
  margin-left: 20px;
}

.MuiStepper-root.vertical {
  margin-right: 12px;
}
.MuiStepper-root .MuiStep-root {
  padding: 0;
  padding-left: 12px;
  margin-left: -12px;
}
.MuiStepper-root .MuiStep-root:not(:has(.row)) {
  padding: 16px 24px;
}
.MuiStepper-root .MuiStep-root:not(.no-hover):not(:has(.Mui-disabled)):hover {
  background-color: var(--grey-200);
  border-radius: 4px;
}
.MuiStepper-root .MuiStep-root .Mui-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.7;
}
.MuiStepper-root .MuiStep-root .row {
  padding: 16px;
}
.MuiStepper-root .MuiStep-root .vertical {
  padding: 0px 12px;
}
.MuiStepper-root .MuiStep-root .sub-step-container {
  padding: 0;
}
.MuiStepper-root .MuiStep-root .sub-step-container.collapse {
  margin-left: 12px;
}
.MuiStepper-root .sub-step-container {
  padding: 0;
}
.MuiStepper-root .sub-step-container .sub-step-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin-left: 13px;
}
.MuiStepper-root .sub-step-container .sub-step-title .MuiStepLabel-labelContainer .MuiStepLabel-label {
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--text-primary-color);
}
.MuiStepper-root .sub-step-container .sub-step-title.active .MuiStepLabel-labelContainer .MuiStepLabel-label {
  font-weight: 500;
  font-size: 1rem;
}
.MuiStepper-root .sub-step-container .sub-step-title .default-sub-icon {
  border: 2px solid var(--grey-500);
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--white);
}
.MuiStepper-root .MuiStepLabel-root {
  display: flex;
  flex-direction: column;
}
.MuiStepper-root .MuiStepLabel-root.hide-label .MuiStepLabel-labelContainer {
  display: none;
}
.MuiStepper-root .MuiStepLabel-root.hide-label.ml-2 {
  margin-left: -30px;
}
.MuiStepper-root .MuiStepLabel-root.row {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  justify-content: start;
  min-height: 56px;
}
.MuiStepper-root .MuiStepLabel-root.row .MuiStepLabel-iconContainer .MuiStepIcon-root {
  margin-bottom: 0;
}
.MuiStepper-root .MuiStepLabel-root.row .MuiStepLabel-iconContainer .completion-icon {
  margin-bottom: 0;
}
.MuiStepper-root .MuiStepLabel-root.hover:hover {
  background-color: var(--grey-200);
  border-radius: 4px;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer {
  padding-right: 0;
  margin-left: -12px;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .completion-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 3px solid var(--status-success);
  border-radius: 50%;
  margin-bottom: 8px;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .completion-icon .success {
  color: var(--status-success);
  font-size: 2rem;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .completion-icon.small {
  border: 1px solid var(--status-success);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: var(--white);
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .completion-icon.small .success {
  font-size: 0.75rem;
  margin-top: 3px;
  margin-left: -1px;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  margin-bottom: 8px;
  color: var(--white);
  font-family: "ABBVoice", Verdana;
  border: 2px solid var(--grey-500);
  border-radius: 50%;
  cursor: pointer;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root:hover {
  border: 2px solid var(--primary-default);
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root .MuiStepIcon-text {
  fill: var(--text-primary-color);
  font-weight: 600;
  font-family: "ABBVoice", Verdana;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root.Mui-active {
  color: var(--primary-default);
  border: none;
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root.Mui-active:hover {
  color: var(--primary-hover);
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root.Mui-active .MuiStepIcon-text {
  font-family: "ABBVoice", Verdana;
  fill: var(--text-white-color);
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root.Mui-completed {
  border: 2px solid var(--status-success);
  color: var(--white);
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label {
  font-weight: 700;
  font-size: 1rem;
  text-wrap: nowrap;
  font-family: "ABBVoice", Verdana;
  color: var(--grey-700);
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label.Mui-active {
  color: var(--text-primary-color);
}
.MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label.Mui-completed {
  color: var(--text-primary-color);
}
.MuiStepper-root .MuiStepLabel-root .step-description {
  font-size: 0.75rem;
  color: var(--text-secondary-color);
  font-weight: 400;
  line-height: 1rem !important;
  padding-top: 4px;
  white-space: initial;
  font-family: "ABBVoice", Verdana;
}
.MuiStepper-root .MuiStepConnector-line {
  border-color: var(--grey-500);
  margin-bottom: 28px;
}
.MuiStepper-root.row .MuiStepConnector-line {
  margin-bottom: 0;
}
.MuiStepper-root.vertical .MuiStepConnector-line {
  margin-left: 8px;
}

:root {
  --eventcode-failure-color: var(--status-error);
  --eventcode-warning-color: var(--status-warning);
  --eventcode-outofspec-color: var(--status-warning);
  --eventcode-checkfunction-color: var(--status-info);
  --eventcode-maintenance-color: var(--status-warning);
  --eventcode-alert-color: var(--status-error);
  --eventcode-default-color: var(--status-success);
  --text-primary-color: var(--text-primary-color);
  --primary-color: var(--primary-default);
}

.data-grid-container {
  display: flex;
  flex-direction: column;
}

.data-grid-header-cell {
  font-family: "ABBVoice", Verdana, sans-serif;
  font-weight: 500 !important;
  font-size: 14px;
  color: var(--text-primary-color);
  overflow: hidden;
  text-overflow: ellipsis;
}

.data-grid-row-cell {
  display: flex;
  align-items: center;
  padding: 0px 16px;
  position: absolute;
  font-family: "ABBVoice", Verdana, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-wrap: nowrap;
  color: var(--text-primary-color);
}

.MuiTableCell-root.MuiTablePagination-root .MuiTablePagination-toolbar {
  border-radius: 8px;
}

.status-indicator {
  height: 100%;
  margin: 4px 0px;
  border-radius: 4px;
  width: 4px;
}
.status-indicator.primary {
  background-color: var(--status-info);
}

.wrapping-grid {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: var(--background-bg);
}

.no-data-state {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--card-bg);
  border-radius: 8px;
  height: 100%;
}

.no-data-state-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--card-bg);
  border-radius: 8px;
}

.no-data-state-error {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--card-bg);
  border-radius: 8px;
}

.empty-state-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--card-bg);
  border-radius: 8px;
}

.data-grid-row {
  position: relative;
  cursor: pointer;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: var(--card-bg);
  width: 100%;
}

.data-grid-row:hover {
  background-color: var(--grey-200);
}

.data-grid-row-cell.normal {
  background-color: transparent !important;
}

.data-grid-row-start-display {
  position: absolute;
  left: 0;
  top: 3;
  bottom: 3;
  width: 4px;
  border-radius: 4px;
}

.data-grid-row-wrapper.normal {
  border-bottom: 1.5px solid var(--grey-500);
  margin-bottom: 0px !important;
  border-radius: 0px !important;
}

.data-grid-row-cell.center {
  justify-content: center;
}

.data-grid-row-cell.left {
  justify-content: flex-start;
}

.data-grid-row-wrapper {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
  margin-bottom: 4px !important;
  background-color: var(--white);
  border: 0.5px solid var(--grey-400);
}
.data-grid-row-wrapper:hover {
  background-color: var(--grey-300) !important;
}
.data-grid-row-wrapper.selected {
  background-color: var(--accordion-expanded-bg) !important;
}
.data-grid-row-wrapper.normal:hover {
  background-color: var(--grey-200);
}
.data-grid-row-wrapper.normal:hover.selected {
  background-color: var(--accordion-expanded-bg) !important;
}
.data-grid-row-wrapper.cardsComponent {
  border-radius: 8px;
}
.data-grid-row-wrapper.cardsComponent.selected {
  background-color: var(--accordion-expanded-bg) !important;
  border: 1px solid var(--primary-default);
}

.row-start-display-element {
  width: 4px;
  height: 40px;
  border-radius: 4px;
  margin-left: 4px;
}

.wrapping-grid {
  overflow: auto;
}

.filter-controls-close-button-wrapper {
  display: flex;
  justify-content: flex-end !important;
  gap: 16px !important;
  align-items: center;
  top: -4px;
  right: 32px !important;
  margin-bottom: 8px !important;
}

.reset-tooltip .icon_abb_dias .icon-abb_cancel-1 {
  position: relative;
  border-radius: 50%;
  background: radial-gradient(circle, var(--grey-300) 85%, rgba(255, 255, 255, 0) 100%);
}

.filter-controls-container {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  row-gap: 4px;
  flex-wrap: nowrap;
  position: absolute;
  cursor: pointer;
  right: 8px;
  top: 4px;
  background-color: transparent;
  z-index: 1;
}

.data-grid-header-box {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0;
  height: 26px;
  position: absolute;
}

.data-grid-header-box.pointer {
  cursor: pointer;
}

.data-grid-header-box.auto {
  cursor: auto;
}

.data-grid-header-box.center {
  justify-content: center;
}

.data-grid-header-box.left {
  justify-content: flex-start;
}

.data-grid-header-inner {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.data-grid-header-resize {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  z-index: 100;
  width: 25%;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
}

.data-grid-header-resize:hover .resizeBar {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.resizeBar {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  z-index: 100;
  width: 5px;
  opacity: 0;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
  transition: opacity 0.2s;
}
.resizeBar :hover {
  background: var(--text-primary-color);
  opacity: 1;
}

.resizeBar.resizing {
  opacity: 1;
  background: var(--status-info);
}

.data-grid-pagination-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.data-grid-container.normal {
  margin-top: 0px !important;
}

.dataGrid-filter-input-container {
  height: 32px;
  position: absolute;
  left: 0px;
  top: 32px;
  width: 100%;
  padding: 8px 0;
  background-color: var(--grey-200);
  border-radius: 8px;
}

.dataGrid-filter-input {
  position: absolute;
}

.data-grid-header-group {
  position: relative !important;
  border-bottom: 2px solid var(--grey-500);
  width: 100%;
}

.data-grid-table-wrapper {
  position: relative !important;
  border-collapse: collapse !important;
}

.data-grid-header-wrapper {
  width: 100% !important;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--grey-300);
  margin-bottom: 4px;
}

.data-grid-header-enable-filter {
  position: sticky !important;
  left: 0px;
  z-index: 2;
}

.pagination-container {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 12px;
  padding: 8px 0;
  position: sticky;
  bottom: 0;
}

.pagination-container.normal {
  padding: 0px !important;
}

.data-grid-column-dropdown {
  position: absolute;
  top: 40px;
  right: 0;
  font-family: inherit;
}

.data-grid-column-dropdown label {
  font-size: 15px;
  color: var(--text-primary-color);
  margin-left: 8px;
}

.data-grid-column-dropdown input[type=checkbox]:checked + label {
  font-weight: 600;
  color: var(--status-info);
}

.checkbox-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.data-grid-container-dropdown-wrapper .icon-container {
  justify-content: end !important;
  background-color: none !important;
}
.data-grid-container-dropdown-wrapper {
  background-color: var(--white);
}

.data-grid-container-dropdown {
  float: right;
  position: absolute;
  top: 13px;
  right: 34px;
  z-index: 20;
}

.column-header-container {
  position: relative;
  overflow: visible;
}

.column-dropdown-container {
  position: fixed;
  top: 54px;
  right: 56px;
  z-index: 1000;
  min-width: 190px;
  max-width: 280px;
  background: var(--white);
  box-sizing: border-box;
  box-shadow: 0 6px 19px var(--shadow-grey-200);
  border-radius: 8px;
  transform-origin: right top;
}

.column-dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px !important;
}

.checkbox {
  padding: 4px 16px !important;
  min-height: 32px;
  height: auto;
}

.data-grid-col-hidden {
  display: none !important;
}

.data-grid-header-cell-wrapper {
  text-align: left;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  border-bottom: 2px solid transparent;
}
.data-grid-header-cell-wrapper .icon-container.size-16 {
  padding: 3px 0px 0px 0px !important;
}
.data-grid-header-cell-wrapper.sorted {
  border-bottom: 2px solid var(--status-info);
}

.data-grid-header-cell-content {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.data-grid-header-resize-handle:hover .resizeBar {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.checkbox-container-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.checkbox-wrapper-container .checkbox .checkbox-container-wrapper {
  display: block !important;
}

.checkbox-wrapper-container .checkbox {
  padding: 0px 16px !important;
}

.dataGrid-filter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: "16px";
  border-bottom: 2px solid var(--grey-500);
  overflow-x: hidden;
  background-color: var(--grey-200);
  margin-bottom: 4px;
  scrollbar-gutter: stable;
}
.dataGrid-filter-row:hover {
  overflow-x: auto;
}

.data-grid-content-scrollable {
  margin-top: 10px;
  overflow: hidden;
}
.data-grid-content-scrollable:hover {
  overflow-y: auto;
}

.data-grid-row-cell[data-checkbox-cell=true] {
  pointer-events: none;
}

.data-grid-row-cell[data-checkbox-cell=true] .checkbox-container-wrapper,
.data-grid-row-cell[data-checkbox-cell=true] input[type=checkbox] {
  pointer-events: auto;
}

.checkbox-wrapperr .checkbox {
  display: flex;
}

.data-grid-header-cell-wrapper .sort-icon-wrapper {
  opacity: 1 !important;
  transition: opacity 0.2s;
  display: inline-flex;
  align-items: center;
}

.data-grid-row-cell.col-hover {
  background-color: var(--grey-400) !important;
}

.data-grid-header-cell-wrapper.col-hover {
  background: var(--grey-400) !important;
}

.filter-controls {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.data-grid-toolbar {
  display: flex;
  align-items: center;
  height: 30px;
}

.data-grid-toolbar.show-border .selected-count {
  padding-right: 8px;
  border-right: 1px solid var(--text-primary-color);
  min-height: 16px;
}

.selected-badge {
  margin-right: 8px !important;
}

.toolbar-buttons {
  padding-left: 8px;
}

.data-grid-toolbar-wrapper {
  padding: 16px 0px 0px 24px;
}

.show-hide-columns-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 32px;
}

.data-grid-cell-tooltip {
  width: 100%;
}

.toolbar-item-active {
  color: var(--status-info) !important;
}

.filterButton-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

.filter-container {
  display: flex;
  gap: 8px;
}

.filter-input-container-component-wrapper {
  display: flex;
  gap: 8px;
}

.filter-input-container-button-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-input-container-button-wrapper .MuiTypography-root:hover {
  text-decoration: underline;
}

.empty-state-content {
  height: 100% !important;
}

.data-grid-cell-content {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.data-grid-cell-content .MuiTypography-root {
  font-size: 14px !important;
  font-family: "ABBVoice", Verdana, sans-serif !important;
}

.filter-grid {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  min-height: 80px;
}
.filter-grid:hover {
  overflow-x: auto;
}

.filter-field {
  min-width: 210px;
  display: flex;
  flex-direction: column;
}

.filter-label {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
}

.filter-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.filter-row-container {
  display: flex;
  gap: 16px;
  padding: 16px;
  background-color: var(--white);
  justify-content: space-between;
  flex-direction: column;
  width: 98%;
}

.save-filter-container {
  align-items: center;
  display: flex;
  gap: 16px;
  border-left: 1px solid var(--grey-400);
  padding-left: 16px;
  margin-left: 16px;
  justify-content: flex-end;
  width: 55%;
}
.save-filter-container .input-label {
  width: 120px;
}

.filter-row-first-half {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
.filter-row-first-half .filter-row-first-half-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}

.filter-row-second-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 32px;
}

.filter-row-search-container {
  width: 100%;
}

.view-name-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.favorite-checkbox {
  background-color: var(--grey-200);
  padding: 16px;
  border: 1px solid var(--grey-400);
  border-radius: 4px;
}

.favorite-checkbox-description {
  padding-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: var(--text-secondary-color);
}

.checkbox-container-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.filter-input-container {
  max-width: 100px;
  min-width: 100px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-icons-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  background: transparent;
  padding: 0;
  right: 16px;
  position: fixed;
  z-index: 99;
}

.header-button {
  display: flex;
  align-items: center;
  text-align: left;
  position: absolute;
  border: none;
  background: transparent;
}

.header-button.checkbox {
  justify-content: center;
}

.header-button.sortable {
  cursor: pointer;
}

.header-button.auto {
  cursor: auto;
}

.header-cell-content-right {
  flex-direction: row-reverse;
}

.header-resize-handle {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  z-index: 100;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
}
.header-resize-handle:hover .resize-bar {
  background: var(--text-primary-color);
  opacity: 1;
}

.resize-bar {
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  z-index: 100;
  width: 5px;
  cursor: col-resize;
  user-select: none;
  touch-action: none;
  opacity: 0;
}

.resize-bar.resizing {
  opacity: 1;
  background: var(--primary-color);
}

.data-grid-table {
  border-collapse: separate;
  border-spacing: 0 8px;
  width: 100%;
}

.data-grid-row-wrapper.focused {
  border-top: 1px solid var(--status-info);
  border-right: 1px solid var(--status-info);
  border-bottom: 1px solid var(--status-info);
}

.data-grid-row-wrapper.focused.with-row-start-display {
  border-left: none;
}

.row-start-display-cell {
  position: relative;
  padding: 0;
  width: 0;
  overflow: visible;
}

.row-start-display-indicator {
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 4px;
  border-radius: 4px;
}

.checkbox-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}

.checkbox-button.disabled {
  cursor: not-allowed;
}

.inline-edit-container {
  display: flex;
  align-items: center;
}

.discreet-edit-icons {
  display: flex;
  gap: 4px;
}

.discreet-edit-icons.hidden {
  visibility: hidden;
}

.cell-button {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  background: transparent;
  padding: 0;
  text-align: left;
  font: inherit;
}

.cell-button.default-cursor {
  cursor: default;
}

.data-grid-container-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.data-grid-pagination-wrapper.flex-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.wrapping-grid.flex-1 {
  flex: 1;
}

.pagination-table {
  margin-top: auto;
  width: 100%;
  border-collapse: collapse;
}

.data-grid-row-cell-container {
  min-width: 0;
  display: flex;
}

@font-face {
  font-family: "abb_set2";
  src: url("/assets/abb_set2-CKvr1gLH.eot?jdh7cc");
  src: url("/assets/abb_set2-CKvr1gLH.eot?jdh7cc#iefix") format("embedded-opentype"), url("/assets/abb_set2-Bi_ZOIaC.ttf?jdh7cc") format("truetype"), url("/assets/abb_set2-BrpNmV5X.woff?jdh7cc") format("woff"), url("/assets/abb_set2-D6CCvG2F.svg?jdh7cc#abb_set2") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon_abb_dias {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "abb_set2", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-abb_compare:before {
  content: "\ecc8";
}

.icon-abb_arrow-down1:before {
  content: "\ecc5";
}

.icon-abb_arrow-up-copy:before {
  content: "\ecc6";
}

.icon-abb_defalut-sort-arrow:before {
  content: "\ecc7";
}

.icon-abb_gas-pin-location:before {
  content: "\ecbe";
}

.icon-abb_gas-pump:before {
  content: "\ecbf";
}

.icon-abb_gas-station:before {
  content: "\ecc0";
}

.icon-abb_graph-down:before {
  content: "\ecc1";
}

.icon-abb_graph-up-arrow:before {
  content: "\ecc2";
}

.icon-abb_monitor-screen:before {
  content: "\ecc3";
}

.icon-abb_zip-folder:before {
  content: "\ecc4";
}

.icon-abb_launch-rocket:before {
  content: "\ecb8";
}

.icon-abb_depoly-rocket:before {
  content: "\ecb9";
}

.icon-abb_stop-square:before {
  content: "\ecbd";
}

.icon-abb_cash-molecule:before {
  content: "\ecb6";
}

.icon-abb_infinite-canvas:before {
  content: "\ecb7";
}

.icon-abb_copilot-1:before {
  content: "\ea8e";
}

.icon-abb_ai-idea-bulb:before {
  content: "\ecba";
}

.icon-abb_network-navigation:before {
  content: "\ecbb";
}

.icon-abb_reply-arrow:before {
  content: "\ecbc";
}

.icon-abb_Ai-database:before {
  content: "\ecae";
}

.icon-abb_ascending-sort-1:before {
  content: "\ecaf";
}

.icon-abb_descending-sort-1:before {
  content: "\ecb0";
}

.icon-abb_replace-arrow:before {
  content: "\ecb1";
}

.icon-abb_reverse-01:before {
  content: "\ecb2";
}

.icon-abb_switch-user:before {
  content: "\ecb3";
}

.icon-abb_workflow-table-edit:before {
  content: "\ecb4";
}

.icon-abb_workflow-table-sync:before {
  content: "\ecb5";
}

.icon-abb_file-copyright:before {
  content: "\eca1";
}

.icon-abb_file-csv:before {
  content: "\eca2";
}

.icon-abb_file-Html:before {
  content: "\eca3";
}

.icon-abb_file-Js:before {
  content: "\eca4";
}

.icon-abb_file-paper-document:before {
  content: "\eca5";
}

.icon-abb_filecode:before {
  content: "\eca6";
}

.icon-abb_image-file-jpg:before {
  content: "\eca7";
}

.icon-abb_image-file-png:before {
  content: "\eca8";
}

.icon-abb_medical-data:before {
  content: "\eca9";
}

.icon-abb_microsoft-onenote:before {
  content: "\ecaa";
}

.icon-abb_office-file-ppt:before {
  content: "\ecab";
}

.icon-abb_video-file-Mp4:before {
  content: "\ecac";
}

.icon-abb_video-file-play:before {
  content: "\ecad";
}

.icon-abb_office-building:before {
  content: "\ec67";
}

.icon-abb_resize:before {
  content: "\ec6a";
}

.icon-abb_user-mind-brain:before {
  content: "\ec88";
}

.icon-abb_wallet-payment:before {
  content: "\ec89";
}

.icon-abb_web-service:before {
  content: "\ec8a";
}

.icon-abb_double-arrow:before {
  content: "\ec8b";
}

.icon-abb_expectation-user-check:before {
  content: "\ec8c";
}

.icon-abb_file-database-1:before {
  content: "\ec8d";
}

.icon-abb_file-doc:before {
  content: "\ec8e";
}

.icon-abb_file-pdf:before {
  content: "\ec8f";
}

.icon-abb_file-XL:before {
  content: "\ec90";
}

.icon-abb_hover:before {
  content: "\ec91";
}

.icon-abb_language:before {
  content: "\ec92";
}

.icon-abb_message-1:before {
  content: "\ec93";
}

.icon-abb_navigation:before {
  content: "\ec94";
}

.icon-abb_action-user:before {
  content: "\ec95";
}

.icon-abb_analytics-bars1:before {
  content: "\ec96";
}

.icon-abb_avoid-hand:before {
  content: "\ec97";
}

.icon-abb_button-click:before {
  content: "\ec98";
}

.icon-abb_check-box-button:before {
  content: "\ec99";
}

.icon-abb_city-buildings:before {
  content: "\ec9a";
}

.icon-abb_cloud-sync:before {
  content: "\ec9b";
}

.icon-abb_cloud-version:before {
  content: "\ec9c";
}

.icon-abb_cube-module:before {
  content: "\ec9d";
}

.icon-abb_disabled:before {
  content: "\ec9e";
}

.icon-abb_cursor:before {
  content: "\ec83";
}

.icon-abb_explore-list:before {
  content: "\ec84";
}

.icon-abb_finger-point:before {
  content: "\ec85";
}

.icon-abb_watchlist-heart:before {
  content: "\ec86";
}

.icon-abb-hand-pointer:before {
  content: "\ec87";
}

.icon-abb_programing-code:before {
  content: "\ec7a";
}

.icon-abb_data-condition:before {
  content: "\ec77";
}

.icon-abb_alarm-bell-check:before {
  content: "\ec74";
}

.icon-abb_column-selected:before {
  content: "\ec75";
}

.icon-abb_configuration:before {
  content: "\ec76";
}

.icon-abb_database-chain:before {
  content: "\ec78";
}

.icon-abb_folder-catalog-1:before {
  content: "\ec79";
}

.icon-abb_logs:before {
  content: "\ec7b";
}

.icon-abb_matric-list:before {
  content: "\ec7c";
}

.icon-abb_notificatio:before {
  content: "\ec7d";
}

.icon-abb_sales-marketing:before {
  content: "\ec7e";
}

.icon-abb_service--technical-support:before {
  content: "\ec7f";
}

.icon-abb_time-Reverse:before {
  content: "\ec80";
}

.icon-abb_troubleshooting:before {
  content: "\ec81";
}

.icon-abb_workflow-data-table-database:before {
  content: "\ec82";
}

.icon-abb_artificial-Intelligence-ai:before {
  content: "\ec6f";
}

.icon-abb_factory-building:before {
  content: "\ec70";
}

.icon-abb_navigation-up:before {
  content: "\ec71";
}

.icon-abb_temperature-control:before {
  content: "\ec72";
}

.icon-Ai-prompt-spark--Streamline-Ultimate:before {
  content: "\ec73";
}

.icon-abb_real-estate-market-house:before {
  content: "\ec43";
}

.icon-abb_workflow-queue:before {
  content: "\ec46";
}

.icon-abb_warehouse-packages:before {
  content: "\ec47";
}

.icon-abb_trading-coin-monitor:before {
  content: "\ec48";
}

.icon-abb_office-file-text-graph:before {
  content: "\ec49";
}

.icon-abb_online-certificate-art-honor:before {
  content: "\ec4a";
}

.icon-abb_library-art:before {
  content: "\ec4b";
}

.icon-abb_suply-chain-shipping-truck:before {
  content: "\ec4c";
}

.icon-abb_cash-network:before {
  content: "\ec4d";
}

.icon-abb_cannabis-Logistic:before {
  content: "\ec4e";
}

.icon-abb_warehouse-package-box:before {
  content: "\ec4f";
}

.icon-abb_audio-book-art:before {
  content: "\ec50";
}

.icon-abb_helmet-cost-budget:before {
  content: "\ec51";
}

.icon-abb_financial-data:before {
  content: "\ec52";
}

.icon-abb_real-estate-message-house-buy:before {
  content: "\ec53";
}

.icon-abb_electric-car-charge:before {
  content: "\ec54";
}

.icon-abb_smart-house-phone-connect:before {
  content: "\ec55";
}

.icon-abb_truck-moving:before {
  content: "\ec56";
}

.icon-abb_real-estate-truck:before {
  content: "\ec57";
}

.icon-abb_building-home-switch-time:before {
  content: "\ec58";
}

.icon-abb_calendar-home:before {
  content: "\ec59";
}

.icon-abb_read-home:before {
  content: "\ec5a";
}

.icon-abb_media-library1:before {
  content: "\ec5b";
}

.icon-abb_global-colaboration-handshake1:before {
  content: "\ec5c";
}

.icon-abb_cloud-data-transfer1:before {
  content: "\ec5d";
}

.icon-abb_code-setting1:before {
  content: "\ec5e";
}

.icon-abb_authentication1:before {
  content: "\ec5f";
}

.icon-abb_cloud-web-service1:before {
  content: "\ec60";
}

.icon-abb_shield-protection1:before {
  content: "\ec61";
}

.icon-abb_amazon-web-service1:before {
  content: "\ec62";
}

.icon-abb-asset-factory-belt:before {
  content: "\ec63";
}

.icon-abb_insert-row:before {
  content: "\ec64";
}

.icon-abb_media-library:before {
  content: "\ec65";
}

.icon-abb_global-colaboration-handshake:before {
  content: "\ec66";
}

.icon-abb_cloud-data-transfer:before {
  content: "\ec9f";
}

.icon-abb_code-setting:before {
  content: "\ec68";
}

.icon-abb_authentication:before {
  content: "\ec69";
}

.icon-abb_cloud-web-service:before {
  content: "\eca0";
}

.icon-abb_shield-protection:before {
  content: "\ec6b";
}

.icon-abb_amazon-web-service:before {
  content: "\ec6c";
}

.icon-abb-asset-factory-belt1:before {
  content: "\ec6d";
}

.icon-abb_insert-row1:before {
  content: "\ec6e";
}

.icon-abb_sensi-DQR:before {
  content: "\ec44";
}

.icon-abb_factory-manufacturing:before {
  content: "\ec45";
}

.icon-abb_group-circle:before {
  content: "\ec41";
}

.icon-abb_screenshot:before {
  content: "\ec42";
}

.icon-abb_battery:before {
  content: "\ec36";
}

.icon-abb_compressor:before {
  content: "\ec37";
}

.icon-abb_engine:before {
  content: "\ec38";
}

.icon-abb_MRU-prediction:before {
  content: "\ec39";
}

.icon-abb_process-intelligence:before {
  content: "\ec3a";
}

.icon-abb_RVP-estimation:before {
  content: "\ec3b";
}

.icon-abb_sample:before {
  content: "\ec3c";
}

.icon-abb_slug-prediction:before {
  content: "\ec3d";
}

.icon-abb_strategy:before {
  content: "\ec3e";
}

.icon-abb_transmitter:before {
  content: "\ec3f";
}

.icon-abb_valve:before {
  content: "\ec40";
}

.icon-abb_pump:before {
  content: "\ec35";
}

.icon-abb_alarm-none:before {
  content: "\ec2c";
}

.icon-abb_diagnosis-active:before {
  content: "\ec2d";
}

.icon-abb_high--severity:before {
  content: "\ec2e";
}

.icon-abb_high-alarm:before {
  content: "\ec2f";
}

.icon-abb_information:before {
  content: "\ec30";
}

.icon-abb_low-severity:before {
  content: "\ec31";
}

.icon-abb_maintenance-required:before {
  content: "\ec32";
}

.icon-abb_medium-severity:before {
  content: "\ec33";
}

.icon-abb_warning-alarm:before {
  content: "\ec34";
}

.icon-abb_app-window-clock:before {
  content: "\ec24";
}

.icon-abb-microsoft-word-file:before {
  content: "\ec25";
}

.icon-abb_content-write-list:before {
  content: "\ec26";
}

.icon-abb_file-search-review:before {
  content: "\ec27";
}

.icon-abb_file-text-check-tick:before {
  content: "\ec28";
}

.icon-abb_file-text-refresh:before {
  content: "\ec29";
}

.icon-abb_task-list-edit:before {
  content: "\ec2a";
}

.icon-abb-find-search-file:before {
  content: "\ec2b";
}

.icon-abb_flash-light-wifi-connection:before {
  content: "\eb3f";
}

.icon-abb_plug-disconnected-1:before {
  content: "\ec11";
}

.icon-abb_battery-1:before {
  content: "\ec12";
}

.icon-abb_flash-light:before {
  content: "\ec13";
}

.icon-abb_mirror-cleaning-Wiper:before {
  content: "\ec14";
}

.icon-abb_motor-equipment:before {
  content: "\ec15";
}

.icon-abb_rating-star-circle:before {
  content: "\ec16";
}

.icon-abb_settings-slider-Desktop:before {
  content: "\ec17";
}

.icon-abb_synchronize-arrows1:before {
  content: "\ec18";
}

.icon-abb_all-files:before {
  content: "\ec19";
}

.icon-abb_C-files:before {
  content: "\ec1a";
}

.icon-abb_config-file:before {
  content: "\ec1b";
}

.icon-abb_L-files:before {
  content: "\ec1c";
}

.icon-abb_scanner:before {
  content: "\ec1d";
}

.icon-abb_s-files:before {
  content: "\ec1e";
}

.icon-abb_task-list-sync:before {
  content: "\ec1f";
}

.icon-abb_task-list-heart:before {
  content: "\ec20";
}

.icon-abb_man-user-share:before {
  content: "\ec21";
}

.icon-abb_messages-bubble-square-search1:before {
  content: "\ec22";
}

.icon-abb_import:before {
  content: "\ec23";
}

.icon-abb_group-users:before {
  content: "\ec0b";
}

.icon-abb_support:before {
  content: "\ec0c";
}

.icon-abb_vectors:before {
  content: "\ec0d";
}

.icon-abb_vectors-group:before {
  content: "\ec0e";
}

.icon-abb_vectors-ungroup:before {
  content: "\ec0f";
}

.icon-abb_web-service-access:before {
  content: "\ec10";
}

.icon-abb_insight360:before {
  content: "\ec04";
}

.icon-abb_coding-apps-add:before {
  content: "\ec06";
}

.icon-abb_earth-globe:before {
  content: "\ec07";
}

.icon-abb_ecology-globe-hand:before {
  content: "\ec08";
}

.icon-abb_select-drag-reorder-dots:before {
  content: "\ec09";
}

.icon-abb_workflow-commit:before {
  content: "\ec0a";
}

.icon-abb_workflow-teamwork-hierarch:before {
  content: "\ec01";
}

.icon-abb_Ar-view-see-through-eye:before {
  content: "\ec02";
}

.icon-abb_dependency-workflow:before {
  content: "\ec03";
}

.icon-abb_keyboard-arrow-top-right:before {
  content: "\ec05";
}

.icon-abb_analytics-sliced-pie:before {
  content: "\ebfd";
}

.icon-abb_branch-line:before {
  content: "\ebfe";
}

.icon-abb_flow-chart-hiierachy:before {
  content: "\ebff";
}

.icon-abb_user-mobility:before {
  content: "\ec00";
}

.icon-abb_user-network:before {
  content: "\ebe5";
}

.icon-abb_laptop-clock:before {
  content: "\ebe6";
}

.icon-abb_laptop-download:before {
  content: "\ebe7";
}

.icon-abb_laptop-lock1:before {
  content: "\ebe8";
}

.icon-abb_laptop-search:before {
  content: "\ebe9";
}

.icon-abb_ai_prompt-spark:before {
  content: "\ebea";
}

.icon-abb_ai-generate-variation:before {
  content: "\ebeb";
}

.icon-abb_alert-message-laptop:before {
  content: "\ebec";
}

.icon-abb_artificial-intelligence-spark:before {
  content: "\ebed";
}

.icon-abb_chain-link:before {
  content: "\ebee";
}

.icon-abb_contact-us-email:before {
  content: "\ebef";
}

.icon-abb_copy-paste1:before {
  content: "\ebf0";
}

.icon-abb_hierarchy-9:before {
  content: "\ebf1";
}

.icon-abb_laptop-share:before {
  content: "\ebf2";
}

.icon-abb_laptop-upload-1:before {
  content: "\ebf3";
}

.icon-abb_multiple-actions-share:before {
  content: "\ebf4";
}

.icon-abb_paper-write-edit:before {
  content: "\ebf5";
}

.icon-abb_quantum-ledger-database-chain:before {
  content: "\ebf6";
}

.icon-abb_science-molecule:before {
  content: "\ebf7";
}

.icon-abb_task-checklist-add:before {
  content: "\ebf8";
}

.icon-abb_task-list-search1:before {
  content: "\ebf9";
}

.icon-abb_task-list-settings1:before {
  content: "\ebfa";
}

.icon-abb_workflow-teammate-Circle:before {
  content: "\ebfb";
}

.icon-abb_laptop:before {
  content: "\ebfc";
}

.icon-abb_app-window-download:before {
  content: "\eb43";
}

.icon-abb_Hyperlink--link:before {
  content: "\ebe3";
}

.icon-abb-app-window-link:before {
  content: "\ebe4";
}

.icon-abb_task-list-settings:before {
  content: "\eb42";
}

.icon-abb_app-multiple:before {
  content: "\eaa2";
}

.icon-abb_list-add:before {
  content: "\eaa3";
}

.icon-abb_list-remove:before {
  content: "\eaa4";
}

.icon-abb_ask-list-clock:before {
  content: "\eaa5";
}

.icon-abb_task-list-download-1:before {
  content: "\eaa6";
}

.icon-abb_task-list-multiple:before {
  content: "\eb38";
}

.icon-abb_task-list-question:before {
  content: "\eb39";
}

.icon-abb_task-list-remove:before {
  content: "\eb3a";
}

.icon-abb_file-list-search:before {
  content: "\eb3b";
}

.icon-abb_task-list-share:before {
  content: "\eb3c";
}

.icon-abb_task-list-star:before {
  content: "\eb3d";
}

.icon-abb_task-list-text:before {
  content: "\eb3e";
}

.icon-abb_single-shield-secure:before {
  content: "\ebdf";
}

.icon-abb_data-file-shiel:before {
  content: "\ebe0";
}

.icon-abb_laptop-lock:before {
  content: "\ebe1";
}

.icon-abb_lock-unlock:before {
  content: "\ebe2";
}

.icon-abb_browser-page-account:before {
  content: "\ebd8";
}

.icon-abb_foundation-square-stack:before {
  content: "\ebd9";
}

.icon-abb_label-data-modeling:before {
  content: "\ebda";
}

.icon-abb_model-config-deploy:before {
  content: "\ebdb";
}

.icon-abb_model-config:before {
  content: "\ebdc";
}

.icon-abb_monitor-optimise:before {
  content: "\ebdd";
}

.icon-abb_virtual-display-desktop-monitor:before {
  content: "\ebde";
}

.icon-abb_browser-hand:before {
  content: "\ebd6";
}

.icon-abb_download-box:before {
  content: "\ebd7";
}

.icon-abb_ai-model:before {
  content: "\ebcc";
}

.icon-abb_asset-model-config:before {
  content: "\ebcd";
}

.icon-abb_asset-model:before {
  content: "\ebce";
}

.icon-abb_asset:before {
  content: "\ebcf";
}

.icon-abb_event-1:before {
  content: "\ebd0";
}

.icon-abb_parameter1:before {
  content: "\ebd1";
}

.icon-abb_system-tag:before {
  content: "\ebd2";
}

.icon-abb_system:before {
  content: "\ebd3";
}

.icon-abb_template-configuration:before {
  content: "\ebd4";
}

.icon-abb_template-defination1:before {
  content: "\ebd5";
}

.icon-abb_input-outputs:before {
  content: "\ebcb";
}

.icon-abb_Ai-browser:before {
  content: "\ebb9";
}

.icon-abb_Ai-settings:before {
  content: "\ebba";
}

.icon-abb_checklist:before {
  content: "\ebbb";
}

.icon-abb_common-file-text-check-1:before {
  content: "\ebbc";
}

.icon-abb_data-file-bars-check:before {
  content: "\ebbd";
}

.icon-abb_data-file-search-1:before {
  content: "\ebbe";
}

.icon-abb_file-Code-settings:before {
  content: "\ebbf";
}

.icon-abb_file-Copyright-user:before {
  content: "\ebc0";
}

.icon-abb_form-hub-management-list-document:before {
  content: "\ebc1";
}

.icon-abb_gauge-dashboard-1:before {
  content: "\ebc2";
}

.icon-abb_layout-content1:before {
  content: "\ebc3";
}

.icon-abb_layout-two-colums:before {
  content: "\ebc4";
}

.icon-abb_messages-bubble-square-search:before {
  content: "\ebc5";
}

.icon-abb_Overflow-2-exist:before {
  content: "\ebc6";
}

.icon-abb_single-man-actions-check:before {
  content: "\ebc7";
}

.icon-abb_symbol-equal:before {
  content: "\ebc8";
}

.icon-abb_technology-search-copy:before {
  content: "\ebc9";
}

.icon-abb_technology-search-ai:before {
  content: "\ebca";
}

.icon-abb_light-mode-flash-on:before {
  content: "\ebac";
}

.icon-abb_wifi-upload-signal:before {
  content: "\ebad";
}

.icon-abb_style-three-Pin-anchor:before {
  content: "\ebae";
}

.icon-abb_health-emergency-signa:before {
  content: "\ebaf";
}

.icon-abb_sea-transport-boat_marine:before {
  content: "\ebb0";
}

.icon-abb_sea-transport-Ship-marine:before {
  content: "\ebb1";
}

.icon-abb_statistic-cross:before {
  content: "\ebb2";
}

.icon-abb_support-heart:before {
  content: "\ebb3";
}

.icon-abb_technology-signal:before {
  content: "\ebb4";
}

.icon-abb_temperature-Thermometer-High:before {
  content: "\ebb5";
}

.icon-abb_water-drop:before {
  content: "\ebb6";
}

.icon-abb_water-Protection-Drop:before {
  content: "\ebb7";
}

.icon-abb_wifi-upload-signal1:before {
  content: "\ebb8";
}

.icon-abb_app-Window-Disable:before {
  content: "\eb9c";
}

.icon-abb_app-Window-Expand:before {
  content: "\eb9d";
}

.icon-abb_app-Window-Minimize:before {
  content: "\eb9e";
}

.icon-abb_app-Window-Search:before {
  content: "\eb9f";
}

.icon-abb_app-Window-Warning:before {
  content: "\eba0";
}

.icon-abb_monitor-heart:before {
  content: "\eba1";
}

.icon-abb_time-Clock-Hand-1--Streamline-Ultimate:before {
  content: "\eba2";
}

.icon-abb_bookmarks-document:before {
  content: "\eba3";
}

.icon-abb_file-Copyright-Equal:before {
  content: "\eba4";
}

.icon-abb_layout-dotted-colums-square:before {
  content: "\eba5";
}

.icon-abb_monitoring-Heart-Beat-Laptop:before {
  content: "\eba6";
}

.icon-abb_programming-Hold-Code:before {
  content: "\eba7";
}

.icon-abb_row-Delete:before {
  content: "\eba8";
}

.icon-abb_app-Window-Download:before {
  content: "\eba9";
}

.icon-abb_app-Window-Star:before {
  content: "\ebaa";
}

.icon-abb_bookmark-delete:before {
  content: "\ebab";
}

.icon-abb_datakey:before {
  content: "\eb99";
}

.icon-abb_instance-appearance:before {
  content: "\eb9a";
}

.icon-abb_smssetting:before {
  content: "\eb9b";
}

.icon-abb_shapes:before {
  content: "\eb96";
}

.icon-abb_hand-expan:before {
  content: "\eb97";
}

.icon-abb_shape-triangle-circle:before {
  content: "\eb98";
}

.icon-abb_actions:before {
  content: "\eb88";
}

.icon-abb_audio-Book:before {
  content: "\eb89";
}

.icon-abb_book-Close--S:before {
  content: "\eb8a";
}

.icon-abb_detach-workflow-request-closed:before {
  content: "\eb8b";
}

.icon-abb_group-workflow-collaborate:before {
  content: "\eb8c";
}

.icon-abb_hierarchy-1:before {
  content: "\eb8d";
}

.icon-abb_hierarchy-connect:before {
  content: "\eb8e";
}

.icon-abb_line-1:before {
  content: "\eb8f";
}

.icon-abb_online-Learning:before {
  content: "\eb90";
}

.icon-abb_ungroup-workflow-pull-request:before {
  content: "\eb91";
}

.icon-abb_unpin:before {
  content: "\eb92";
}

.icon-abb_user-book-guide:before {
  content: "\eb93";
}

.icon-abb_workflow-Exit:before {
  content: "\eb94";
}

.icon-abb_workflow-merge:before {
  content: "\eb95";
}

.icon-abb_align-bottom:before {
  content: "\eb86";
}

.icon-abb_align-top:before {
  content: "\eb87";
}

.icon-abb_align-center:before {
  content: "\eb71";
}

.icon-abb_align-left:before {
  content: "\eb72";
}

.icon-abb_align-middle:before {
  content: "\eb73";
}

.icon-abb_align-right:before {
  content: "\eb74";
}

.icon-abb_coding-apps:before {
  content: "\eb75";
}

.icon-abb_custom-pipeline:before {
  content: "\eb76";
}

.icon-abb_email-Action-Send:before {
  content: "\eb77";
}

.icon-abb_email-mangement:before {
  content: "\eb78";
}

.icon-abb_Email-Sending:before {
  content: "\eb79";
}

.icon-abb_grid-Dot:before {
  content: "\eb7a";
}

.icon-abb_indent-increase:before {
  content: "\eb7b";
}

.icon-abb_indent:before {
  content: "\eb7c";
}

.icon-abb_layout-Array:before {
  content: "\eb7d";
}

.icon-abb_paragraph-Two:before {
  content: "\eb7e";
}

.icon-abb_picture-Polaroid:before {
  content: "\eb7f";
}

.icon-abb_relase-note:before {
  content: "\eb80";
}

.icon-abb_slider-Vertical:before {
  content: "\eb81";
}

.icon-abb_vectors-Anchor:before {
  content: "\eb82";
}

.icon-abb_aligntext:before {
  content: "\eb83";
}

.icon-abb_asset-performance:before {
  content: "\eb84";
}

.icon-abb_cloudexpress:before {
  content: "\eb85";
}

.icon-abb_common-file-text-download:before {
  content: "\eb68";
}

.icon-abb_controls-play:before {
  content: "\eb69";
}

.icon-abb_edit-Pdf:before {
  content: "\eb6a";
}

.icon-abb_file-code:before {
  content: "\eb6b";
}

.icon-abb_file-Csv:before {
  content: "\eb6c";
}

.icon-abb_microsoft-Excel:before {
  content: "\eb6d";
}

.icon-abb_office-file-Pdf:before {
  content: "\eb6e";
}

.icon-abb_office-file-sheet:before {
  content: "\eb6f";
}

.icon-abb_workflow-data-table:before {
  content: "\eb70";
}

.icon-abb_amazon:before {
  content: "\ea9c";
}

.icon-abb_copy-paste:before {
  content: "\eb62";
}

.icon-abb_cursor-target:before {
  content: "\eb63";
}

.icon-abb_full-screen:before {
  content: "\eb64";
}

.icon-abb_keyboard:before {
  content: "\eb65";
}

.icon-abb_maps:before {
  content: "\eb66";
}

.icon-abb_browser-idea:before {
  content: "\eb4f";
}

.icon-abb_camera1:before {
  content: "\eb50";
}

.icon-abb_cut:before {
  content: "\eb51";
}

.icon-abb_group:before {
  content: "\eb52";
}

.icon-abb_history1:before {
  content: "\eb53";
}

.icon-abb_logout1:before {
  content: "\eb54";
}

.icon-abb_modules:before {
  content: "\eb55";
}

.icon-abb_optimization-clock:before {
  content: "\eb56";
}

.icon-abb_redo1:before {
  content: "\eb57";
}

.icon-abb_shape-circle-add:before {
  content: "\eb58";
}

.icon-abb_shape-square-add:before {
  content: "\eb59";
}

.icon-abb_shuffle:before {
  content: "\eb5a";
}

.icon-abb_square-cursor:before {
  content: "\eb5b";
}

.icon-abb_text-flow:before {
  content: "\eb5c";
}

.icon-abb_text-format:before {
  content: "\eb5d";
}

.icon-abb_text-Input-area:before {
  content: "\eb5e";
}

.icon-abb_timer:before {
  content: "\eb5f";
}

.icon-abb_typing-input:before {
  content: "\eb60";
}

.icon-abb_undo1:before {
  content: "\eb61";
}

.icon-abb_analytics-bars:before {
  content: "\eb44";
}

.icon-abb_app-window:before {
  content: "\eb45";
}

.icon-abb_browser-page:before {
  content: "\eb46";
}

.icon-abb_composition-layout:before {
  content: "\eb47";
}

.icon-abb_data-file-bars-share:before {
  content: "\eb48";
}

.icon-abb_design-tool-layout:before {
  content: "\eb49";
}

.icon-abb_history-time-reverse:before {
  content: "\eb4a";
}

.icon-abb_layout-bullets-list:before {
  content: "\eb4b";
}

.icon-abb_layout-content:before {
  content: "\eb4c";
}

.icon-abb_list-bullets:before {
  content: "\eb4d";
}

.icon-abb_refresh:before {
  content: "\eb4e";
}

.icon-abb_pipeline-1:before {
  content: "\eb33";
}

.icon-abb_fan_2:before {
  content: "\eb34";
}

.icon-abb_fan:before {
  content: "\eb35";
}

.icon-abb_synchronize-arrows-search1:before {
  content: "\eb36";
}

.icon-abb-design:before {
  content: "\eb37";
}

.icon-abb-devlopment:before {
  content: "\eb40";
}

.icon-abb-portfolio:before {
  content: "\eb41";
}

.icon-abb_arrow-down:before {
  content: "\eb31";
}

.icon-abb_arrow-up1:before {
  content: "\eb32";
}

.icon-abb_user-profile:before {
  content: "\eacb";
}

.icon-abb_atabase-lock:before {
  content: "\eacd";
}

.icon-abb_data-network:before {
  content: "\eb2a";
}

.icon-abb_database-clock:before {
  content: "\eb2b";
}

.icon-abb_database-key:before {
  content: "\eb2c";
}

.icon-abb_database-setting:before {
  content: "\eb2d";
}

.icon-abb_database1:before {
  content: "\eb2e";
}

.icon-abb_setting-cog:before {
  content: "\eb2f";
}

.icon-abb_workflow-Data-Table:before {
  content: "\eb30";
}

.icon-abb_static:before {
  content: "\eb25";
}

.icon-abb_databasetime:before {
  content: "\eb26";
}

.icon-abb_electrical:before {
  content: "\eb27";
}

.icon-abb_instrumentation:before {
  content: "\eb28";
}

.icon-abb_rotating:before {
  content: "\eb29";
}

.icon-abb_redo:before {
  content: "\eb22";
}

.icon-abb_save:before {
  content: "\eb23";
}

.icon-abb_undo:before {
  content: "\eb24";
}

.icon-abb_navigation-menu-vertical:before {
  content: "\eb1c";
}

.icon-abb_service-mangemnet:before {
  content: "\eb1d";
}

.icon-abb_virtual:before {
  content: "\eb1e";
}

.icon-abb_add-Comment:before {
  content: "\eb1f";
}

.icon-abb_coding:before {
  content: "\eb20";
}

.icon-abb_database:before {
  content: "\eb21";
}

.icon-abb_arrow-right:before {
  content: "\eb19";
}

.icon-abb_menu-horizontal:before {
  content: "\eb1a";
}

.icon-abb_menu-vertical:before {
  content: "\eb1b";
}

.icon-abb_file-hierarchy:before {
  content: "\eac8";
}

.icon-abb_recruiting-Employee:before {
  content: "\eac9";
}

.icon-abb_server-search:before {
  content: "\eb16";
}

.icon-abb_server:before {
  content: "\eb17";
}

.icon-abb_user-data:before {
  content: "\eb18";
}

.icon-abb_double-arrow-down_small-10:before {
  content: "\eac6";
}

.icon-abb_double-arrow-up_small-10:before {
  content: "\eac7";
}

.icon-abb-user-managment-repository:before {
  content: "\eb14";
}

.icon-abb_lock:before {
  content: "\eb15";
}

.icon-abb_double-arrow-left_medium:before {
  content: "\eb11";
}

.icon-abb_double-arrow-right_medium:before {
  content: "\eb12";
}

.icon-abb_metallurgy-metal:before {
  content: "\eb13";
}

.icon-abb_triangle-down-Arrow:before {
  content: "\eb0f";
}

.icon-abb_triangle-up-Arrow:before {
  content: "\eb10";
}

.icon-abb_arrow-left_small-10:before {
  content: "\eb0d";
}

.icon-abb_arrow-right_small-10:before {
  content: "\eb0e";
}

.icon-abb_arrow-down_small-10:before {
  content: "\eb0b";
}

.icon-abb_arrow-up_small-10:before {
  content: "\eb0c";
}

.icon-abb_sorting_In:before {
  content: "\eacf";
}

.icon-abb_sorting_out:before {
  content: "\ead0";
}

.icon-abb_Placeholder-Icon:before {
  content: "\ead1";
}

.icon-abb_search-small:before {
  content: "\eac3";
}

.icon-abb_add-small:before {
  content: "\eac4";
}

.icon-abb_warning-fill:before {
  content: "\eaca";
}

.icon-abb_global-Navigation-Menu:before {
  content: "\eb08";
}

.icon-abb_cooling-system-optimization1:before {
  content: "\eb09";
}

.icon-abb_Task-List-Check-2:before {
  content: "\eb0a";
}

.icon-abb_Factory-Building-Cog-3:before {
  content: "\eb01";
}

.icon-abb_Factory-Building:before {
  content: "\eb02";
}

.icon-abb_Factory-Building2:before {
  content: "\eb03";
}

.icon-abb_collapse-Shrink:before {
  content: "\eb04";
}

.icon-abb_Expand:before {
  content: "\eb05";
}

.icon-abb_Factory-Building-1:before {
  content: "\eb06";
}

.icon-abb_Pause-1:before {
  content: "\eb07";
}

.icon-abb_Tags-Check:before {
  content: "\eaf9";
}

.icon-abb_Tags-Search:before {
  content: "\eafa";
}

.icon-abb_arrow-Down:before {
  content: "\eafb";
}

.icon-abb_arrow-up:before {
  content: "\eafc";
}

.icon-abb_Computer-Chip:before {
  content: "\eafd";
}

.icon-abb_Computer-Ram:before {
  content: "\eafe";
}

.icon-abb_Programming:before {
  content: "\eaff";
}

.icon-abb_Turntable:before {
  content: "\eb00";
}

.icon-abb_data-graph:before {
  content: "\eaef";
}

.icon-abb_Estimate-Time:before {
  content: "\eaf0";
}

.icon-abb_Headphones:before {
  content: "\eaf1";
}

.icon-abb_history:before {
  content: "\eaf2";
}

.icon-abb_Music-Sound:before {
  content: "\eaf3";
}

.icon-abb_Settings:before {
  content: "\eaf4";
}

.icon-abb_Slider-Horizontal:before {
  content: "\eaf5";
}

.icon-abb_Volume-Control:before {
  content: "\eaf6";
}

.icon-abb_Volume-Control-Down:before {
  content: "\eaf7";
}

.icon-abb_Volume-Control-Off:before {
  content: "\eaf8";
}

.icon-abb_mike-off:before {
  content: "\eae8";
}

.icon-abb_mike:before {
  content: "\eae9";
}

.icon-abb_pause:before {
  content: "\eaea";
}

.icon-abb_reload:before {
  content: "\eaeb";
}

.icon-abb_stop-1:before {
  content: "\eaec";
}

.icon-abb_stop:before {
  content: "\eaed";
}

.icon-abb_user-check:before {
  content: "\eaee";
}

.icon-abb_operation:before {
  content: "\ea40";
}

.icon-abb_supplychain:before {
  content: "\ea41";
}

.icon-abb_sustainibility:before {
  content: "\ea42";
}

.icon-abb_folder:before {
  content: "\ea43";
}

.icon-abb_arrange-Letter-sorting:before {
  content: "\eae5";
}

.icon-abb_toggle-Setting-On:before {
  content: "\eae6";
}

.icon-abb_toggle-Setting-Off:before {
  content: "\eae7";
}

.icon-abb_ecology-leaf-bulb:before {
  content: "\eae1";
}

.icon-abb_single-shield:before {
  content: "\eae2";
}

.icon-abb_single-graph:before {
  content: "\eae3";
}

.icon-abb_performance-money-increase:before {
  content: "\eae4";
}

.icon-abb_synchronize-arrows-warning:before {
  content: "\eaba";
}

.icon-abb_synchronize-arrows:before {
  content: "\eabb";
}

.icon-abb_app-window-module:before {
  content: "\eabc";
}

.icon-abb_android-settings:before {
  content: "\eabd";
}

.icon-abb_design:before {
  content: "\eabe";
}

.icon-abb_navigation-menu-3:before {
  content: "\eabf";
}

.icon-abb_navigation-menu1:before {
  content: "\eac0";
}

.icon-abb_normal-screen:before {
  content: "\eac1";
}

.icon-abb_error:before {
  content: "\eac2";
}

.icon-abb_information-circle1:before {
  content: "\eac5";
}

.icon-abb_tick:before {
  content: "\eacc";
}

.icon-abb_warning:before {
  content: "\eace";
}

.icon-abb_cancel_small:before {
  content: "\ead2";
}

.icon-abb_collapse-horizontal:before {
  content: "\ead3";
}

.icon-abb_collapse-Vertical:before {
  content: "\ead4";
}

.icon-abb_collapse:before {
  content: "\ead5";
}

.icon-abb_expand-full:before {
  content: "\ead6";
}

.icon-abb_expand-horizontal:before {
  content: "\ead7";
}

.icon-abb_expand-vertical:before {
  content: "\ead8";
}

.icon-abb_expand:before {
  content: "\ead9";
}

.icon-abb_loading-circle-1:before {
  content: "\eada";
}

.icon-abb_sidebar-collapes:before {
  content: "\eadb";
}

.icon-thumb-down-dislike:before {
  content: "\eadc";
}

.icon-abb_sidebar-expand:before {
  content: "\eadd";
}

.icon-abb_tick-completed-circle-1:before {
  content: "\eade";
}

.icon-shrink:before {
  content: "\eadf";
}

.icon-thumb-up-like:before {
  content: "\eae0";
}

.icon-abb_abb_retouch-select-4:before {
  content: "\eab1";
}

.icon-abb_check1:before {
  content: "\eab2";
}

.icon-abb_check2:before {
  content: "\eab3";
}

.icon-abb_copy-2-1:before {
  content: "\eab4";
}

.icon-abb_layers-front-2:before {
  content: "\eab5";
}

.icon-abb_send:before {
  content: "\eab6";
}

.icon-abb_task-list-check5:before {
  content: "\eab7";
}

.icon-abb_thumb-down-dislike:before {
  content: "\eab8";
}

.icon-abb_thumb-up-like-7:before {
  content: "\eab9";
}

.icon-abb_app-user:before {
  content: "\eab0";
}

.icon-abb_contactless-payment:before {
  content: "\eaa7";
}

.icon-abb_graph-stats-circle:before {
  content: "\eaa8";
}

.icon-abb_photo-audio-player:before {
  content: "\eaa9";
}

.icon-abb_rotor-dynamics:before {
  content: "\eaaa";
}

.icon-abb_rotormodel-library:before {
  content: "\eaab";
}

.icon-abb_RUL:before {
  content: "\eaac";
}

.icon-abb_smartopertor:before {
  content: "\eaad";
}

.icon-abb_user:before {
  content: "\eaae";
}

.icon-abb_vibration-analytics:before {
  content: "\eaaf";
}

.icon-abb_folder-open:before {
  content: "\eaa1";
}

.icon-abb_app-plugin1:before {
  content: "\ea9f";
}

.icon-abb_module-hand-puzzle:before {
  content: "\eaa0";
}

.icon-abb_calendar1:before {
  content: "\ea9d";
}

.icon-abb_service-chart:before {
  content: "\ea9e";
}

.icon-abb_technology-robot-speech:before {
  content: "\eb67";
}

.icon-abb_area-location:before {
  content: "\ea7e";
}

.icon-abb_battery-life:before {
  content: "\ea7f";
}

.icon-abb_consumption:before {
  content: "\ea80";
}

.icon-abb_device-measure:before {
  content: "\ea81";
}

.icon-abb_download-1:before {
  content: "\ea82";
}

.icon-abb_download-2:before {
  content: "\ea83";
}

.icon-abb_Flow-percentage:before {
  content: "\ea84";
}

.icon-abb_flow-rate:before {
  content: "\ea85";
}

.icon-abb_forward:before {
  content: "\ea86";
}

.icon-abb_health1:before {
  content: "\ea87";
}

.icon-abb_maxflow:before {
  content: "\ea88";
}

.icon-abb_min-flow:before {
  content: "\ea89";
}

.icon-abb_night-flow:before {
  content: "\ea8a";
}

.icon-abb_onboarding1:before {
  content: "\ea8b";
}

.icon-abb_peak-flow:before {
  content: "\ea8c";
}

.icon-abb_pressure:before {
  content: "\ea8d";
}

.icon-abb_signal-quality:before {
  content: "\ea8f";
}

.icon-abb_velocity:before {
  content: "\ea90";
}

.icon-abb-event-log:before {
  content: "\ea91";
}

.icon-Frame:before {
  content: "\ea92";
}

.icon-abb_accounting-calculator-1:before {
  content: "\ea93";
}

.icon-abb_brain-1:before {
  content: "\ea94";
}

.icon-abb_calculate-table:before {
  content: "\ea95";
}

.icon-abb_data-file-bars-remove:before {
  content: "\ea96";
}

.icon-abb_file-code-search:before {
  content: "\ea97";
}

.icon-abb_file-code-settings-1:before {
  content: "\ea98";
}

.icon-abb_source-integration:before {
  content: "\ea99";
}

.icon-abb_boiler:before {
  content: "\ea9a";
}

.icon-abb_coolingtower:before {
  content: "\ea9b";
}

.icon-abb_electronics-motor1:before {
  content: "\ea7c";
}

.icon-abb_transformer:before {
  content: "\ea7d";
}

.icon-abb_air-wind:before {
  content: "\ea72";
}

.icon-abb_engineering:before {
  content: "\ea73";
}

.icon-abb_innovation:before {
  content: "\ea74";
}

.icon-abb_lab:before {
  content: "\ea75";
}

.icon-abb_legal:before {
  content: "\ea76";
}

.icon-abb_maintence:before {
  content: "\ea77";
}

.icon-abb_mine:before {
  content: "\ea78";
}

.icon-abb_permit:before {
  content: "\ea79";
}

.icon-abb_personal-mangement:before {
  content: "\ea7a";
}

.icon-abb_transport:before {
  content: "\ea7b";
}

.icon-abb_popout-1:before {
  content: "\ea71";
}

.icon-abb_view-1:before {
  content: "\ea6b";
}

.icon-abb_color-bucket-brush:before {
  content: "\ea6c";
}

.icon-abb_paragraph-center-align:before {
  content: "\ea6d";
}

.icon-abb_paragraph-left-align:before {
  content: "\ea6e";
}

.icon-abb_paragraph-right-align:before {
  content: "\ea6f";
}

.icon-abb_text-justify:before {
  content: "\ea70";
}

.icon-abb_database-warning1:before {
  content: "\ea68";
}

.icon-abb_service-failure-warning-1:before {
  content: "\ea69";
}

.icon-abb_sign-warning:before {
  content: "\ea6a";
}

.icon-abb_arrange-letter:before {
  content: "\ea5d";
}

.icon-abb_arrange-list-ascending-1:before {
  content: "\ea5e";
}

.icon-abb_arrange-list-descending:before {
  content: "\ea5f";
}

.icon-abb_arrow-button-down-2:before {
  content: "\ea60";
}

.icon-abb_arrow-button-up:before {
  content: "\ea61";
}

.icon-abb_color-bucket-1:before {
  content: "\ea62";
}

.icon-abb_color-picker-3:before {
  content: "\ea63";
}

.icon-abb_email-sending-circle:before {
  content: "\ea64";
}

.icon-abb_messages-bubble-square-text:before {
  content: "\ea65";
}

.icon-abb_navigation-up-circle:before {
  content: "\ea66";
}

.icon-abb_visualisation:before {
  content: "\ea67";
}

.icon-abb_calendar-add-1:before {
  content: "\ea58";
}

.icon-abb_calendar-block:before {
  content: "\ea59";
}

.icon-abb_data-file-bars-sync:before {
  content: "\ea5a";
}

.icon-abb_hierarchy1:before {
  content: "\ea5b";
}

.icon-abb_synchronize-refresh:before {
  content: "\ea5c";
}

.icon-abb_-table-view:before {
  content: "\ea54";
}

.icon-abb_excel-logo:before {
  content: "\ea55";
}

.icon-abb_workflow-data-table-alert:before {
  content: "\ea56";
}

.icon-abb_workflow-gantt-chart:before {
  content: "\ea57";
}

.icon-abb_calendar-clock:before {
  content: "\ea44";
}

.icon-abb_cloud-text:before {
  content: "\ea45";
}

.icon-abb_dashboard-1:before {
  content: "\ea46";
}

.icon-abb_data-file-clock:before {
  content: "\ea47";
}

.icon-abb_download:before {
  content: "\ea48";
}

.icon-abb_ecology-leaf-settings:before {
  content: "\ea49";
}

.icon-abb_file-code-edit-1:before {
  content: "\ea4a";
}

.icon-abb_folder1:before {
  content: "\ea4b";
}

.icon-abb_license:before {
  content: "\ea4c";
}

.icon-abb_note:before {
  content: "\ea4d";
}

.icon-abb_privacy:before {
  content: "\ea4e";
}

.icon-abb_renewable-energy-solar-panel:before {
  content: "\ea4f";
}

.icon-abb_software-monitor-cog:before {
  content: "\ea50";
}

.icon-abb_solar-panel-and-battery:before {
  content: "\ea51";
}

.icon-abb_temperature-up:before {
  content: "\ea52";
}

.icon-abb_web-service-managed-service-1:before {
  content: "\ea53";
}

.icon-abb_home:before {
  content: "\ea3b";
}

.icon-abb_truck-vehical:before {
  content: "\ea3c";
}

.icon-abb_web-service-managed-service-search:before {
  content: "\ea3d";
}

.icon-abb_alert-notification:before {
  content: "\ea3e";
}

.icon-abb_read:before {
  content: "\ea3f";
}

.icon-abb_app-setting-copy-2:before {
  content: "\ea2a";
}

.icon-abb_delete-copy:before {
  content: "\ea3a";
}

.icon-abb_alert-diamond:before {
  content: "\ea2b";
}

.icon-abb_attachment:before {
  content: "\ea2c";
}

.icon-abb_close-eyes:before {
  content: "\ea2d";
}

.icon-abb_delete1:before {
  content: "\ea2e";
}

.icon-abb_layout-cards:before {
  content: "\ea2f";
}

.icon-abb_layout-list:before {
  content: "\ea30";
}

.icon-abb_open-eyes:before {
  content: "\ea31";
}

.icon-abb_pin:before {
  content: "\ea32";
}

.icon-abb_question-circle:before {
  content: "\ea33";
}

.icon-abb_share:before {
  content: "\ea34";
}

.icon-abb_synchronize-arrows-search:before {
  content: "\ea35";
}

.icon-abb_technology-head-ai:before {
  content: "\ea36";
}

.icon-abb_technology-privacy:before {
  content: "\ea37";
}

.icon-abb_time-clock:before {
  content: "\ea38";
}

.icon-abb_tool-box:before {
  content: "\ea39";
}

.icon-abb_alert-circle:before {
  content: "\ea1a";
}

.icon-abb_arrow-button-left-1:before {
  content: "\ea1b";
}

.icon-abb_arrow-button-right-1:before {
  content: "\ea1c";
}

.icon-abb_arrow-left-1:before {
  content: "\ea1d";
}

.icon-abb_arrow-left:before {
  content: "\ea1e";
}

.icon-abb_arrow-right-1:before {
  content: "\ea1f";
}

.icon-abb_calendar-favorite:before {
  content: "\ea20";
}

.icon-abb_calendar-setting:before {
  content: "\ea21";
}

.icon-abb_edit:before {
  content: "\ea22";
}

.icon-abb_copy-1:before {
  content: "\ea23";
}

.icon-abb_duplicate:before {
  content: "\ea24";
}

.icon-abb_filter-3:before {
  content: "\ea25";
}

.icon-abb_search-remove:before {
  content: "\ea26";
}

.icon-abb_search1:before {
  content: "\ea27";
}

.icon-abb_zoom-in:before {
  content: "\ea28";
}

.icon-abb_zoom-out:before {
  content: "\ea29";
}

.icon-abb_cancel-1:before {
  content: "\ea0e";
}

.icon-abb_cancel-circle:before {
  content: "\ea0f";
}

.icon-abb_delete:before {
  content: "\ea10";
}

.icon-abb_global-nav:before {
  content: "\ea11";
}

.icon-abb_information-circle:before {
  content: "\ea12";
}

.icon-abb_location:before {
  content: "\ea13";
}

.icon-abb_menu:before {
  content: "\ea14";
}

.icon-abb_navigation-menu:before {
  content: "\ea15";
}

.icon-abb_app-setting-copy:before {
  content: "\ea16";
}

.icon-abb_back:before {
  content: "\ea17";
}

.icon-abb_setting:before {
  content: "\ea18";
}

.icon-abb_user-preferance:before {
  content: "\ea19";
}

.icon-abb_app-window-graph:before {
  content: "\ea08";
}

.icon-abb_analytics-graph:before {
  content: "\ea09";
}

.icon-abb_analytics-pie-3:before {
  content: "\ea0a";
}

.icon-abb_asset-looss-performance:before {
  content: "\ea0b";
}

.icon-abb_business-moneysvg:before {
  content: "\ea0c";
}

.icon-abb_loss:before {
  content: "\ea0d";
}

.icon-abb_shield-settings:before {
  content: "\ea04";
}

.icon-abb_administration:before {
  content: "\ea05";
}

.icon-abb_Language:before {
  content: "\ea06";
}

.icon-abb_logout:before {
  content: "\ea07";
}

.icon-abb_schema1:before {
  content: "\ea03";
}

.icon-abb_managementwrench:before {
  content: "\ea00";
}

.icon-abb_copilot:before {
  content: "\ea01";
}

.icon-abb_seo-search-graph:before {
  content: "\ea02";
}

.icon-abb_add-circle:before {
  content: "\e9f6";
}

.icon-abb_app-expand:before {
  content: "\e9f7";
}

.icon-abb_app-minimize:before {
  content: "\e9f8";
}

.icon-abb_employee:before {
  content: "\e9f9";
}

.icon-abb_female:before {
  content: "\e9fa";
}

.icon-abb_male:before {
  content: "\e9fb";
}

.icon-abb_library:before {
  content: "\e9fc";
}

.icon-abb_minus-circle:before {
  content: "\e9fd";
}

.icon-abb_sync:before {
  content: "\e9fe";
}

.icon-abb_upload-bottom:before {
  content: "\e9ff";
}

.icon-abb_predictive-maintenance1:before {
  content: "\e9ee";
}

.icon-abb_asset-model-lib:before {
  content: "\e9ef";
}

.icon-abb_event-rules:before {
  content: "\e9f0";
}

.icon-abb_fault-prediction:before {
  content: "\e9f1";
}

.icon-abb_performance-monitoring:before {
  content: "\e9f2";
}

.icon-abb_predict360:before {
  content: "\e9f3";
}

.icon-abb_template--configuration:before {
  content: "\e9f4";
}

.icon-abb_template-defination:before {
  content: "\e9f5";
}

.icon-abb_calculation:before {
  content: "\e9e0";
}

.icon-abb_contextualization:before {
  content: "\e9e1";
}

.icon-abb_crane:before {
  content: "\e9e2";
}

.icon-abb_data-catalog:before {
  content: "\e9e3";
}

.icon-abb_device-model-copy:before {
  content: "\e9e4";
}

.icon-abb_device-model:before {
  content: "\e9e5";
}

.icon-abb_document-database:before {
  content: "\e9e6";
}

.icon-abb_instance-datasets:before {
  content: "\e9e7";
}

.icon-abb_instances:before {
  content: "\e9e8";
}

.icon-abb_json1:before {
  content: "\e9e9";
}

.icon-abb_ksh:before {
  content: "\e9ea";
}

.icon-abb_reference-tables:before {
  content: "\e9eb";
}

.icon-abb_schema:before {
  content: "\e9ec";
}

.icon-abb_vision:before {
  content: "\e9ed";
}

.icon-abb_database-warning:before {
  content: "\e9dc";
}

.icon-abb_database-add:before {
  content: "\e9dd";
}

.icon-abb_service-failure:before {
  content: "\e9de";
}

.icon-abb_service-failure1:before {
  content: "\e9df";
}

.icon-abb_performance-dashboard:before {
  content: "\e9db";
}

.icon-abb_asset-add:before {
  content: "\e9c9";
}

.icon-abb_asset-approve:before {
  content: "\e9ca";
}

.icon-abb_asset-remove:before {
  content: "\e9cb";
}

.icon-abb_asset-settings:before {
  content: "\e9cc";
}

.icon-abb_asset-share:before {
  content: "\e9cd";
}

.icon-abb_asset-subtract:before {
  content: "\e9ce";
}

.icon-abb_asset-sync:before {
  content: "\e9cf";
}

.icon-abb_asset-upload:before {
  content: "\e9d0";
}

.icon-abb_asset-warning:before {
  content: "\e9d1";
}

.icon-abb_common-file-text-check:before {
  content: "\e9d2";
}

.icon-abb_dark:before {
  content: "\e9d3";
}

.icon-abb_light:before {
  content: "\e9d4";
}

.icon-abb_overlay:before {
  content: "\e9d5";
}

.icon-abb_profile-approve:before {
  content: "\e9d6";
}

.icon-abb_single-monitor:before {
  content: "\e9d7";
}

.icon-abb_single-monitor1:before {
  content: "\e9d8";
}

.icon-abb_spilt:before {
  content: "\e9d9";
}

.icon-abb_theme:before {
  content: "\e9da";
}

.icon-abb_gauge:before {
  content: "\e9c3";
}

.icon-abb_tags-settings:before {
  content: "\e9c4";
}

.icon-abb_tags-add:before {
  content: "\e9c5";
}

.icon-abb_tags:before {
  content: "\e9c6";
}

.icon-abb_charging:before {
  content: "\e9c7";
}

.icon-abb_add-task-copy:before {
  content: "\e9c8";
}

.icon-abb_list-document:before {
  content: "\e9bd";
}

.icon-abb_document:before {
  content: "\e9be";
}

.icon-abb_paper-write:before {
  content: "\e9bf";
}

.icon-abb_equipment:before {
  content: "\e9c0";
}

.icon-abb_calendar:before {
  content: "\e9c1";
}

.icon-abb_time-clock-circle:before {
  content: "\e9c2";
}

.icon-abb_check:before {
  content: "\e9b9";
}

.icon-abb_completed-check:before {
  content: "\e9ba";
}

.icon-abb_digital-twin:before {
  content: "\e9bb";
}

.icon-abb_performance-2:before {
  content: "\e9bc";
}

.icon-abb_app-pie-chart:before {
  content: "\e998";
}

.icon-abb_app-search:before {
  content: "\e999";
}

.icon-abb_availability:before {
  content: "\e99a";
}

.icon-abb_browser-hierarchy:before {
  content: "\e99b";
}

.icon-abb_clock-file-timer:before {
  content: "\e99c";
}

.icon-abb_CM-compliance:before {
  content: "\e99d";
}

.icon-abb_cog-hand:before {
  content: "\e99e";
}

.icon-abb_completed-check-square:before {
  content: "\e99f";
}

.icon-abb_customer-relationship:before {
  content: "\e9a0";
}

.icon-abb_database-check:before {
  content: "\e9a1";
}

.icon-abb_data-file-search:before {
  content: "\e9a2";
}

.icon-abb_data-file-settings:before {
  content: "\e9a3";
}

.icon-abb_data-search:before {
  content: "\e9a4";
}

.icon-abb_graph-desktop:before {
  content: "\e9a5";
}

.icon-abb_inprogress:before {
  content: "\e9a6";
}

.icon-abb_inspection-warning:before {
  content: "\e9a7";
}

.icon-abb_line-graph:before {
  content: "\e9a8";
}

.icon-abb_maintenance-tool:before {
  content: "\e9a9";
}

.icon-abb_maintence-cost:before {
  content: "\e9aa";
}

.icon-abb_material-cost:before {
  content: "\e9ab";
}

.icon-abb_money-decrease:before {
  content: "\e9ac";
}

.icon-abb_monitor-chart:before {
  content: "\e9ad";
}

.icon-abb_overdue:before {
  content: "\e9ae";
}

.icon-abb_performance:before {
  content: "\e9af";
}

.icon-abb_PM-compliance:before {
  content: "\e9b0";
}

.icon-abb_CM-compliance1:before {
  content: "\e9b1";
}

.icon-abb_report-graph:before {
  content: "\e9b2";
}

.icon-abb_analyser-search:before {
  content: "\e9b3";
}

.icon-abb_seo-search-settings:before {
  content: "\e9b4";
}

.icon-abb_service-cost:before {
  content: "\e9b5";
}

.icon-abb_time-MTBF:before {
  content: "\e9b6";
}

.icon-abb_time-MTTR:before {
  content: "\e9b7";
}

.icon-abb_tools-wench:before {
  content: "\e9b8";
}

.icon-abb_alarm-bell-ring:before {
  content: "\e987";
}

.icon-abb_alert-bell-notification-1:before {
  content: "\e988";
}

.icon-abb_costcycle:before {
  content: "\e989";
}

.icon-abb_data-file-warning:before {
  content: "\e98a";
}

.icon-abb_documents:before {
  content: "\e98b";
}

.icon-abb_health:before {
  content: "\e98c";
}

.icon-abb_hierarchy:before {
  content: "\e98d";
}

.icon-abb_layout-module:before {
  content: "\e98e";
}

.icon-abb_layout-module-1:before {
  content: "\e98f";
}

.icon-abb_layout-module-2:before {
  content: "\e990";
}

.icon-abb_layout-module-3:before {
  content: "\e991";
}

.icon-abb_loss-summary-:before {
  content: "\e992";
}

.icon-abb_link-broken:before {
  content: "\e993";
}

.icon-abb_maintenance1:before {
  content: "\e994";
}

.icon-abb_managementchange:before {
  content: "\e995";
}

.icon-abb_operational:before {
  content: "\e996";
}

.icon-abb_systemdetails:before {
  content: "\e997";
}

.icon-abb_pie-line-graph:before {
  content: "\e985";
}

.icon-abb_email-settings:before {
  content: "\e986";
}

.icon-abb_physical-property:before {
  content: "\e984";
}

.icon-abb_cursor-choose-interface:before {
  content: "\e982";
}

.icon-abb_webpage-live-programing:before {
  content: "\e983";
  color: #686868;
}

.icon-abb_time-stopwatch:before {
  content: "\e97b";
}

.icon-abb_timeout:before {
  content: "\e97c";
}

.icon-abb_hourglass:before {
  content: "\e97d";
}

.icon-abb_no-datafile:before {
  content: "\e97e";
}

.icon-abb_security:before {
  content: "\e97f";
}

.icon-abb_model-notification:before {
  content: "\e97a";
}

.icon-abb_activitylog:before {
  content: "\e920";
}

.icon-abb_undefined:before {
  content: "\e978";
}

.icon-abb_multiplot:before {
  content: "\e979";
}

.icon-abb_sequence:before {
  content: "\e981";
}

.icon-abb_rules_configuration:before {
  content: "\e976";
}

.icon-abb_Chemical:before {
  content: "\e966";
}

.icon-abb_move:before {
  content: "\e977";
}

.icon-abb_-centerline-creation:before {
  content: "\e975";
}

.icon-abb_alerts:before {
  content: "\e974";
}

.icon-abb_autocorrelation:before {
  content: "\e970";
}

.icon-abb_correlation:before {
  content: "\e971";
}

.icon-abb_crosscorrelation:before {
  content: "\e972";
}

.icon-abb_decomposition:before {
  content: "\e973";
}

.icon-abb_alarm-bell_32:before {
  content: "\e96f";
}

.icon-abb_minimize_32:before {
  content: "\e96e";
}

.icon-abb_analytical-insight:before {
  content: "\e969";
}

.icon-abb_energyawarness:before {
  content: "\e96a";
}

.icon-abb_reporting:before {
  content: "\e96b";
}

.icon-abb_target-model:before {
  content: "\e96c";
}

.icon-abb_target-setting:before {
  content: "\e96d";
}

.icon-abb_merge-32:before {
  content: "\e967";
}

.icon-abb_optimisation:before {
  content: "\e968";
}

.icon-abb_powerconsumption:before {
  content: "\e963";
}

.icon-abb_Mean-Time-Between-Failure_32:before {
  content: "\e964";
}

.icon-abb_anamoly_32:before {
  content: "\e965";
}

.icon-abb_-modelconfiguration:before {
  content: "\e962";
}

.icon-abb_process:before {
  content: "\e960";
}

.icon-abb_Centerline:before {
  content: "\e980";
}

.icon-abb_actiontracker:before {
  content: "\e95b";
}

.icon-abb_RCA:before {
  content: "\e95c";
}

.icon-abb_analyzercondition:before {
  content: "\e95d";
}

.icon-abb_onboarding:before {
  content: "\e95e";
}

.icon-abb_report:before {
  content: "\e95f";
}

.icon-abb_model-monitoring:before {
  content: "\e95a";
}

.icon-abb_Company:before {
  content: "\e958";
}

.icon-abb_Gas:before {
  content: "\e959";
}

.icon-abb_asset-model-library:before {
  content: "\e953";
}

.icon-abb_export-fault-modeling:before {
  content: "\e954";
}

.icon-abb_fault_prediction:before {
  content: "\e955";
}

.icon-abb_FMECA:before {
  content: "\e956";
}

.icon-abb_maintenance:before {
  content: "\e957";
}

.icon-abb_density-plot:before {
  content: "\e951";
}

.icon-abb_add-failure-mode:before {
  content: "\e952";
}

.icon-abb_deterioration:before {
  content: "\e950";
}

.icon-abb_failure-mode-configuration:before {
  content: "\e94f";
}

.icon-abb_create-machine-train:before {
  content: "\e94e";
}

.icon-abb_add:before {
  content: "\e94d";
}

.icon-abb_json:before {
  content: "\e93c";
}

.icon-abb_minus:before {
  content: "\e94b";
}

.icon-abb_switchgear:before {
  content: "\e94c";
}

.icon-abb_datapre-processing_32:before {
  content: "\e946";
}

.icon-abb_extraction:before {
  content: "\e947";
}

.icon-abb_Identification:before {
  content: "\e948";
}

.icon-abb_model-recommender:before {
  content: "\e949";
}

.icon-abb_scenario-definition:before {
  content: "\e94a";
}

.icon-abb_feedback:before {
  content: "\e945";
}

.icon-abb_break:before {
  content: "\e943";
}

.icon-abb_damage:before {
  content: "\e944";
}

.icon-abb_base-tag:before {
  content: "\e941";
}

.icon-abb_derived-tag:before {
  content: "\e942";
}

.icon-abb_asset-config:before {
  content: "\e93f";
}

.icon-abb_templist:before {
  content: "\e940";
}

.icon-abb_parameter:before {
  content: "\e93d";
}

.icon-abb_template-detail:before {
  content: "\e93e";
}

.icon-abb_-manager-user-data1:before {
  content: "\e93b";
}

.icon-abb_data_validation:before {
  content: "\e938";
}

.icon-abb_data-consolidation:before {
  content: "\e939";
}

.icon-abb_system-tag-mapping1:before {
  content: "\e93a";
}

.icon-abb_-manager-user-data:before {
  content: "\e937";
}

.icon-abb_importexport:before {
  content: "\e936";
}

.icon-abb_runtime:before {
  content: "\e934";
}

.icon-abb_application-service:before {
  content: "\e904";
}

.icon-abb_business-service:before {
  content: "\e932";
}

.icon-abb_ICM-data:before {
  content: "\e933";
}

.icon-abb_splitloss:before {
  content: "\e935";
}

.icon-abb_reset:before {
  content: "\e919";
}

.icon-abb_existingmapping:before {
  content: "\e900";
}

.icon-abb_scheduler:before {
  content: "\e931";
}

.icon-abb_role-defination:before {
  content: "\e92d";
}

.icon-abb_effeciency:before {
  content: "\e92e";
}

.icon-abb_loss-event:before {
  content: "\e92f";
}

.icon-abb_mapping-user:before {
  content: "\e930";
}

.icon-abb_schematic:before {
  content: "\e92c";
}

.icon-abb_analysis:before {
  content: "\e927";
}

.icon-abb_event:before {
  content: "\e928";
}

.icon-abb_ack:before {
  content: "\e929";
}

.icon-abb_alarm-bell_disable:before {
  content: "\e92a";
}

.icon-abb_playback:before {
  content: "\e92b";
}

.icon-abb_system-configuration:before {
  content: "\e926";
}

.icon-abb_data-explore1:before {
  content: "\e921";
}

.icon-abb_deployment:before {
  content: "\e922";
}

.icon-abb_model-registry:before {
  content: "\e923";
}

.icon-abb_model-running:before {
  content: "\e924";
}

.icon-abb_model-sandbox:before {
  content: "\e925";
}

.icon-abb_operating-range:before {
  content: "\e91d";
}

.icon-abb_system-detailsy:before {
  content: "\e91e";
}

.icon-abb_system-equipment-mapping:before {
  content: "\e91f";
}

.icon-abb_system-tag-mapping:before {
  content: "\e961";
}

.icon-abb_batch-process-statistics:before {
  content: "\e918";
}

.icon-abb_adapter-statistics:before {
  content: "\e906";
}

.icon-abb_running:before {
  content: "\e91a";
}

.icon-abb_stream--process-statistics:before {
  content: "\e91b";
}

.icon-abb_total-process:before {
  content: "\e91c";
}

.icon-abb_data_loading:before {
  content: "\e916";
}

.icon-abb_data_transformation:before {
  content: "\e917";
}

.icon-abb_Approvers:before {
  content: "\e912";
}

.icon-abb_loss_categories:before {
  content: "\e913";
}

.icon-abb_Notifications:before {
  content: "\e914";
}

.icon-abb_Planned:before {
  content: "\e915";
}

.icon-abb_interfacemonitor:before {
  content: "\e90c";
}

.icon-abb_connection:before {
  content: "\e90d";
}

.icon-abb_threshold:before {
  content: "\e90e";
}

.icon-abb_Summary:before {
  content: "\e90f";
}

.icon-abb_completed-badge--tick:before {
  content: "\e910";
}

.icon-abb_Visualisation:before {
  content: "\e911";
}

.icon-abb_InterfaceRegistry:before {
  content: "\e90b";
}

.icon-abb_dashboard:before {
  content: "\e90a";
}

.icon-abb_KPIdesigner:before {
  content: "\e909";
}

.icon-abb_star_32:before {
  content: "\e908";
}

.icon-abb_star_outline:before {
  content: "\e907";
}

.icon-abb_joincondition:before {
  content: "\e905";
}

.icon-abb_data-connection:before {
  content: "\e901";
}

.icon-abb_data-connection_edit:before {
  content: "\e902";
}

.icon-abb_data-mapping:before {
  content: "\e903";
}

@font-face {
  font-family: "ABBVoice";
  src: url("/assets/ABBvoice_W_Rg-DW8jc7Ta.eot");
  /* IE9 Compat Modes */
  src: url("/assets/ABBvoice_W_Rg-DW8jc7Ta.eot?#iefix") format("embedded-opentype"), url("/assets/ABBvoice_W_Rg-DpHJSQgr.woff2") format("woff2"), url("/assets/ABBvoice_W_Rg-BN70XOaN.woff") format("woff"), url("/assets/ABBvoice_W_Rg-DpyXvXDP.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ABBVoice";
  src: url("/assets/ABBvoice_W_Md-Dau6zEbp.eot");
  /* IE9 Compat Modes */
  src: url("/assets/ABBvoice_W_Md-Dau6zEbp.eot?#iefix") format("embedded-opentype"), url("/assets/ABBvoice_W_Md-DUHPcXPs.woff2") format("woff2"), url("/assets/ABBvoice_W_Md-DjITqNT8.woff") format("woff"), url("/assets/ABBvoice_W_Md-OQE7d74l.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ABBVoice";
  src: url("/assets/ABBvoice_W_Lt-B4PE2Avo.eot");
  /* IE9 Compat Modes */
  src: url("/assets/ABBvoice_W_Lt-B4PE2Avo.eot?#iefix") format("embedded-opentype"), url("/assets/ABBvoice_W_Lt-Ct60Dr0H.woff2") format("woff2"), url("/assets/ABBvoice_W_Lt-DCNE5SVC.woff") format("woff"), url("/assets/ABBvoice_W_Lt-BIbz-HcJ.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ABBVoice";
  src: url("/assets/ABBvoice_W_Bd-CmDyWAyB.eot");
  /* IE9 Compat Modes */
  src: url("/assets/ABBvoice_W_Bd-CmDyWAyB.eot?#iefix") format("embedded-opentype"), url("/assets/ABBvoice_W_Bd-NjmeNUd6.woff2") format("woff2"), url("/assets/ABBvoice_W_Bd-CRz357FH.woff") format("woff"), url("/assets/ABBvoice_W_Bd-Ywwoc0WU.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 700;
  font-style: normal;
}@font-face {
  font-family: 'abb_set2';
  src:  url('/assets/abb_set2-CKvr1gLH.eot?jdh7cc');
  src:  url('/assets/abb_set2-CKvr1gLH.eot?jdh7cc#iefix') format('embedded-opentype'),
    url('/assets/abb_set2-Bi_ZOIaC.ttf?jdh7cc') format('truetype'),
    url('/assets/abb_set2-BrpNmV5X.woff?jdh7cc') format('woff'),
    url('/assets/abb_set2-D6CCvG2F.svg?jdh7cc#abb_set2') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon_abb_dias{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'abb_set2', sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-abb_compare:before {
  content: "\ecc8";
}
.icon-abb_arrow-down1:before {
  content: "\ecc5";
}
.icon-abb_arrow-up-copy:before {
  content: "\ecc6";
}
.icon-abb_defalut-sort-arrow:before {
  content: "\ecc7";
}
.icon-abb_gas-pin-location:before {
  content: "\ecbe";
}
.icon-abb_gas-pump:before {
  content: "\ecbf";
}
.icon-abb_gas-station:before {
  content: "\ecc0";
}
.icon-abb_graph-down:before {
  content: "\ecc1";
}
.icon-abb_graph-up-arrow:before {
  content: "\ecc2";
}
.icon-abb_monitor-screen:before {
  content: "\ecc3";
}
.icon-abb_zip-folder:before {
  content: "\ecc4";
}
.icon-abb_launch-rocket:before {
  content: "\ecb8";
}
.icon-abb_depoly-rocket:before {
  content: "\ecb9";
}
.icon-abb_stop-square:before {
  content: "\ecbd";
}
.icon-abb_cash-molecule:before {
  content: "\ecb6";
}
.icon-abb_infinite-canvas:before {
  content: "\ecb7";
}
.icon-abb_copilot-1:before {
  content: "\ea8e";
}
.icon-abb_ai-idea-bulb:before {
  content: "\ecba";
}
.icon-abb_network-navigation:before {
  content: "\ecbb";
}
.icon-abb_reply-arrow:before {
  content: "\ecbc";
}
.icon-abb_Ai-database:before {
  content: "\ecae";
}
.icon-abb_ascending-sort-1:before {
  content: "\ecaf";
}
.icon-abb_descending-sort-1:before {
  content: "\ecb0";
}
.icon-abb_replace-arrow:before {
  content: "\ecb1";
}
.icon-abb_reverse-01:before {
  content: "\ecb2";
}
.icon-abb_switch-user:before {
  content: "\ecb3";
}
.icon-abb_workflow-table-edit:before {
  content: "\ecb4";
}
.icon-abb_workflow-table-sync:before {
  content: "\ecb5";
}
.icon-abb_file-copyright:before {
  content: "\eca1";
}
.icon-abb_file-csv:before {
  content: "\eca2";
}
.icon-abb_file-Html:before {
  content: "\eca3";
}
.icon-abb_file-Js:before {
  content: "\eca4";
}
.icon-abb_file-paper-document:before {
  content: "\eca5";
}
.icon-abb_filecode:before {
  content: "\eca6";
}
.icon-abb_image-file-jpg:before {
  content: "\eca7";
}
.icon-abb_image-file-png:before {
  content: "\eca8";
}
.icon-abb_medical-data:before {
  content: "\eca9";
}
.icon-abb_microsoft-onenote:before {
  content: "\ecaa";
}
.icon-abb_office-file-ppt:before {
  content: "\ecab";
}
.icon-abb_video-file-Mp4:before {
  content: "\ecac";
}
.icon-abb_video-file-play:before {
  content: "\ecad";
}
.icon-abb_office-building:before {
  content: "\ec67";
}
.icon-abb_resize:before {
  content: "\ec6a";
}
.icon-abb_user-mind-brain:before {
  content: "\ec88";
}
.icon-abb_wallet-payment:before {
  content: "\ec89";
}
.icon-abb_web-service:before {
  content: "\ec8a";
}
.icon-abb_double-arrow:before {
  content: "\ec8b";
}
.icon-abb_expectation-user-check:before {
  content: "\ec8c";
}
.icon-abb_file-database-1:before {
  content: "\ec8d";
}
.icon-abb_file-doc:before {
  content: "\ec8e";
}
.icon-abb_file-pdf:before {
  content: "\ec8f";
}
.icon-abb_file-XL:before {
  content: "\ec90";
}
.icon-abb_hover:before {
  content: "\ec91";
}
.icon-abb_language:before {
  content: "\ec92";
}
.icon-abb_message-1:before {
  content: "\ec93";
}
.icon-abb_navigation:before {
  content: "\ec94";
}
.icon-abb_action-user:before {
  content: "\ec95";
}
.icon-abb_analytics-bars1:before {
  content: "\ec96";
}
.icon-abb_avoid-hand:before {
  content: "\ec97";
}
.icon-abb_button-click:before {
  content: "\ec98";
}
.icon-abb_check-box-button:before {
  content: "\ec99";
}
.icon-abb_city-buildings:before {
  content: "\ec9a";
}
.icon-abb_cloud-sync:before {
  content: "\ec9b";
}
.icon-abb_cloud-version:before {
  content: "\ec9c";
}
.icon-abb_cube-module:before {
  content: "\ec9d";
}
.icon-abb_disabled:before {
  content: "\ec9e";
}
.icon-abb_cursor:before {
  content: "\ec83";
}
.icon-abb_explore-list:before {
  content: "\ec84";
}
.icon-abb_finger-point:before {
  content: "\ec85";
}
.icon-abb_watchlist-heart:before {
  content: "\ec86";
}
.icon-abb-hand-pointer:before {
  content: "\ec87";
}
.icon-abb_programing-code:before {
  content: "\ec7a";
}
.icon-abb_data-condition:before {
  content: "\ec77";
}
.icon-abb_alarm-bell-check:before {
  content: "\ec74";
}
.icon-abb_column-selected:before {
  content: "\ec75";
}
.icon-abb_configuration:before {
  content: "\ec76";
}
.icon-abb_database-chain:before {
  content: "\ec78";
}
.icon-abb_folder-catalog-1:before {
  content: "\ec79";
}
.icon-abb_logs:before {
  content: "\ec7b";
}
.icon-abb_matric-list:before {
  content: "\ec7c";
}
.icon-abb_notificatio:before {
  content: "\ec7d";
}
.icon-abb_sales-marketing:before {
  content: "\ec7e";
}
.icon-abb_service--technical-support:before {
  content: "\ec7f";
}
.icon-abb_time-Reverse:before {
  content: "\ec80";
}
.icon-abb_troubleshooting:before {
  content: "\ec81";
}
.icon-abb_workflow-data-table-database:before {
  content: "\ec82";
}
.icon-abb_artificial-Intelligence-ai:before {
  content: "\ec6f";
}
.icon-abb_factory-building:before {
  content: "\ec70";
}
.icon-abb_navigation-up:before {
  content: "\ec71";
}
.icon-abb_temperature-control:before {
  content: "\ec72";
}
.icon-Ai-prompt-spark--Streamline-Ultimate:before {
  content: "\ec73";
}
.icon-abb_real-estate-market-house:before {
  content: "\ec43";
}
.icon-abb_workflow-queue:before {
  content: "\ec46";
}
.icon-abb_warehouse-packages:before {
  content: "\ec47";
}
.icon-abb_trading-coin-monitor:before {
  content: "\ec48";
}
.icon-abb_office-file-text-graph:before {
  content: "\ec49";
}
.icon-abb_online-certificate-art-honor:before {
  content: "\ec4a";
}
.icon-abb_library-art:before {
  content: "\ec4b";
}
.icon-abb_suply-chain-shipping-truck:before {
  content: "\ec4c";
}
.icon-abb_cash-network:before {
  content: "\ec4d";
}
.icon-abb_cannabis-Logistic:before {
  content: "\ec4e";
}
.icon-abb_warehouse-package-box:before {
  content: "\ec4f";
}
.icon-abb_audio-book-art:before {
  content: "\ec50";
}
.icon-abb_helmet-cost-budget:before {
  content: "\ec51";
}
.icon-abb_financial-data:before {
  content: "\ec52";
}
.icon-abb_real-estate-message-house-buy:before {
  content: "\ec53";
}
.icon-abb_electric-car-charge:before {
  content: "\ec54";
}
.icon-abb_smart-house-phone-connect:before {
  content: "\ec55";
}
.icon-abb_truck-moving:before {
  content: "\ec56";
}
.icon-abb_real-estate-truck:before {
  content: "\ec57";
}
.icon-abb_building-home-switch-time:before {
  content: "\ec58";
}
.icon-abb_calendar-home:before {
  content: "\ec59";
}
.icon-abb_read-home:before {
  content: "\ec5a";
}
.icon-abb_media-library1:before {
  content: "\ec5b";
}
.icon-abb_global-colaboration-handshake1:before {
  content: "\ec5c";
}
.icon-abb_cloud-data-transfer1:before {
  content: "\ec5d";
}
.icon-abb_code-setting1:before {
  content: "\ec5e";
}
.icon-abb_authentication1:before {
  content: "\ec5f";
}
.icon-abb_cloud-web-service1:before {
  content: "\ec60";
}
.icon-abb_shield-protection1:before {
  content: "\ec61";
}
.icon-abb_amazon-web-service1:before {
  content: "\ec62";
}
.icon-abb-asset-factory-belt:before {
  content: "\ec63";
}
.icon-abb_insert-row:before {
  content: "\ec64";
}
.icon-abb_media-library:before {
  content: "\ec65";
}
.icon-abb_global-colaboration-handshake:before {
  content: "\ec66";
}
.icon-abb_cloud-data-transfer:before {
  content: "\ec9f";
}
.icon-abb_code-setting:before {
  content: "\ec68";
}
.icon-abb_authentication:before {
  content: "\ec69";
}
.icon-abb_cloud-web-service:before {
  content: "\eca0";
}
.icon-abb_shield-protection:before {
  content: "\ec6b";
}
.icon-abb_amazon-web-service:before {
  content: "\ec6c";
}
.icon-abb-asset-factory-belt1:before {
  content: "\ec6d";
}
.icon-abb_insert-row1:before {
  content: "\ec6e";
}
.icon-abb_sensi-DQR:before {
  content: "\ec44";
}
.icon-abb_factory-manufacturing:before {
  content: "\ec45";
}
.icon-abb_group-circle:before {
  content: "\ec41";
}
.icon-abb_screenshot:before {
  content: "\ec42";
}
.icon-abb_battery:before {
  content: "\ec36";
}
.icon-abb_compressor:before {
  content: "\ec37";
}
.icon-abb_engine:before {
  content: "\ec38";
}
.icon-abb_MRU-prediction:before {
  content: "\ec39";
}
.icon-abb_process-intelligence:before {
  content: "\ec3a";
}
.icon-abb_RVP-estimation:before {
  content: "\ec3b";
}
.icon-abb_sample:before {
  content: "\ec3c";
}
.icon-abb_slug-prediction:before {
  content: "\ec3d";
}
.icon-abb_strategy:before {
  content: "\ec3e";
}
.icon-abb_transmitter:before {
  content: "\ec3f";
}
.icon-abb_valve:before {
  content: "\ec40";
}
.icon-abb_pump:before {
  content: "\ec35";
}
.icon-abb_alarm-none:before {
  content: "\ec2c";
}
.icon-abb_diagnosis-active:before {
  content: "\ec2d";
}
.icon-abb_high--severity:before {
  content: "\ec2e";
}
.icon-abb_high-alarm:before {
  content: "\ec2f";
}
.icon-abb_information:before {
  content: "\ec30";
}
.icon-abb_low-severity:before {
  content: "\ec31";
}
.icon-abb_maintenance-required:before {
  content: "\ec32";
}
.icon-abb_medium-severity:before {
  content: "\ec33";
}
.icon-abb_warning-alarm:before {
  content: "\ec34";
}
.icon-abb_app-window-clock:before {
  content: "\ec24";
}
.icon-abb-microsoft-word-file:before {
  content: "\ec25";
}
.icon-abb_content-write-list:before {
  content: "\ec26";
}
.icon-abb_file-search-review:before {
  content: "\ec27";
}
.icon-abb_file-text-check-tick:before {
  content: "\ec28";
}
.icon-abb_file-text-refresh:before {
  content: "\ec29";
}
.icon-abb_task-list-edit:before {
  content: "\ec2a";
}
.icon-abb-find-search-file:before {
  content: "\ec2b";
}
.icon-abb_flash-light-wifi-connection:before {
  content: "\eb3f";
}
.icon-abb_plug-disconnected-1:before {
  content: "\ec11";
}
.icon-abb_battery-1:before {
  content: "\ec12";
}
.icon-abb_flash-light:before {
  content: "\ec13";
}
.icon-abb_mirror-cleaning-Wiper:before {
  content: "\ec14";
}
.icon-abb_motor-equipment:before {
  content: "\ec15";
}
.icon-abb_rating-star-circle:before {
  content: "\ec16";
}
.icon-abb_settings-slider-Desktop:before {
  content: "\ec17";
}
.icon-abb_synchronize-arrows1:before {
  content: "\ec18";
}
.icon-abb_all-files:before {
  content: "\ec19";
}
.icon-abb_C-files:before {
  content: "\ec1a";
}
.icon-abb_config-file:before {
  content: "\ec1b";
}
.icon-abb_L-files:before {
  content: "\ec1c";
}
.icon-abb_scanner:before {
  content: "\ec1d";
}
.icon-abb_s-files:before {
  content: "\ec1e";
}
.icon-abb_task-list-sync:before {
  content: "\ec1f";
}
.icon-abb_task-list-heart:before {
  content: "\ec20";
}
.icon-abb_man-user-share:before {
  content: "\ec21";
}
.icon-abb_messages-bubble-square-search1:before {
  content: "\ec22";
}
.icon-abb_import:before {
  content: "\ec23";
}
.icon-abb_group-users:before {
  content: "\ec0b";
}
.icon-abb_support:before {
  content: "\ec0c";
}
.icon-abb_vectors:before {
  content: "\ec0d";
}
.icon-abb_vectors-group:before {
  content: "\ec0e";
}
.icon-abb_vectors-ungroup:before {
  content: "\ec0f";
}
.icon-abb_web-service-access:before {
  content: "\ec10";
}
.icon-abb_insight360:before {
  content: "\ec04";
}
.icon-abb_coding-apps-add:before {
  content: "\ec06";
}
.icon-abb_earth-globe:before {
  content: "\ec07";
}
.icon-abb_ecology-globe-hand:before {
  content: "\ec08";
}
.icon-abb_select-drag-reorder-dots:before {
  content: "\ec09";
}
.icon-abb_workflow-commit:before {
  content: "\ec0a";
}
.icon-abb_workflow-teamwork-hierarch:before {
  content: "\ec01";
}
.icon-abb_Ar-view-see-through-eye:before {
  content: "\ec02";
}
.icon-abb_dependency-workflow:before {
  content: "\ec03";
}
.icon-abb_keyboard-arrow-top-right:before {
  content: "\ec05";
}
.icon-abb_analytics-sliced-pie:before {
  content: "\ebfd";
}
.icon-abb_branch-line:before {
  content: "\ebfe";
}
.icon-abb_flow-chart-hiierachy:before {
  content: "\ebff";
}
.icon-abb_user-mobility:before {
  content: "\ec00";
}
.icon-abb_user-network:before {
  content: "\ebe5";
}
.icon-abb_laptop-clock:before {
  content: "\ebe6";
}
.icon-abb_laptop-download:before {
  content: "\ebe7";
}
.icon-abb_laptop-lock1:before {
  content: "\ebe8";
}
.icon-abb_laptop-search:before {
  content: "\ebe9";
}
.icon-abb_ai_prompt-spark:before {
  content: "\ebea";
}
.icon-abb_ai-generate-variation:before {
  content: "\ebeb";
}
.icon-abb_alert-message-laptop:before {
  content: "\ebec";
}
.icon-abb_artificial-intelligence-spark:before {
  content: "\ebed";
}
.icon-abb_chain-link:before {
  content: "\ebee";
}
.icon-abb_contact-us-email:before {
  content: "\ebef";
}
.icon-abb_copy-paste1:before {
  content: "\ebf0";
}
.icon-abb_hierarchy-9:before {
  content: "\ebf1";
}
.icon-abb_laptop-share:before {
  content: "\ebf2";
}
.icon-abb_laptop-upload-1:before {
  content: "\ebf3";
}
.icon-abb_multiple-actions-share:before {
  content: "\ebf4";
}
.icon-abb_paper-write-edit:before {
  content: "\ebf5";
}
.icon-abb_quantum-ledger-database-chain:before {
  content: "\ebf6";
}
.icon-abb_science-molecule:before {
  content: "\ebf7";
}
.icon-abb_task-checklist-add:before {
  content: "\ebf8";
}
.icon-abb_task-list-search1:before {
  content: "\ebf9";
}
.icon-abb_task-list-settings1:before {
  content: "\ebfa";
}
.icon-abb_workflow-teammate-Circle:before {
  content: "\ebfb";
}
.icon-abb_laptop:before {
  content: "\ebfc";
}
.icon-abb_app-window-download:before {
  content: "\eb43";
}
.icon-abb_Hyperlink--link:before {
  content: "\ebe3";
}
.icon-abb-app-window-link:before {
  content: "\ebe4";
}
.icon-abb_task-list-settings:before {
  content: "\eb42";
}
.icon-abb_app-multiple:before {
  content: "\eaa2";
}
.icon-abb_list-add:before {
  content: "\eaa3";
}
.icon-abb_list-remove:before {
  content: "\eaa4";
}
.icon-abb_ask-list-clock:before {
  content: "\eaa5";
}
.icon-abb_task-list-download-1:before {
  content: "\eaa6";
}
.icon-abb_task-list-multiple:before {
  content: "\eb38";
}
.icon-abb_task-list-question:before {
  content: "\eb39";
}
.icon-abb_task-list-remove:before {
  content: "\eb3a";
}
.icon-abb_file-list-search:before {
  content: "\eb3b";
}
.icon-abb_task-list-share:before {
  content: "\eb3c";
}
.icon-abb_task-list-star:before {
  content: "\eb3d";
}
.icon-abb_task-list-text:before {
  content: "\eb3e";
}
.icon-abb_single-shield-secure:before {
  content: "\ebdf";
}
.icon-abb_data-file-shiel:before {
  content: "\ebe0";
}
.icon-abb_laptop-lock:before {
  content: "\ebe1";
}
.icon-abb_lock-unlock:before {
  content: "\ebe2";
}
.icon-abb_browser-page-account:before {
  content: "\ebd8";
}
.icon-abb_foundation-square-stack:before {
  content: "\ebd9";
}
.icon-abb_label-data-modeling:before {
  content: "\ebda";
}
.icon-abb_model-config-deploy:before {
  content: "\ebdb";
}
.icon-abb_model-config:before {
  content: "\ebdc";
}
.icon-abb_monitor-optimise:before {
  content: "\ebdd";
}
.icon-abb_virtual-display-desktop-monitor:before {
  content: "\ebde";
}
.icon-abb_browser-hand:before {
  content: "\ebd6";
}
.icon-abb_download-box:before {
  content: "\ebd7";
}
.icon-abb_ai-model:before {
  content: "\ebcc";
}
.icon-abb_asset-model-config:before {
  content: "\ebcd";
}
.icon-abb_asset-model:before {
  content: "\ebce";
}
.icon-abb_asset:before {
  content: "\ebcf";
}
.icon-abb_event-1:before {
  content: "\ebd0";
}
.icon-abb_parameter1:before {
  content: "\ebd1";
}
.icon-abb_system-tag:before {
  content: "\ebd2";
}
.icon-abb_system:before {
  content: "\ebd3";
}
.icon-abb_template-configuration:before {
  content: "\ebd4";
}
.icon-abb_template-defination1:before {
  content: "\ebd5";
}
.icon-abb_input-outputs:before {
  content: "\ebcb";
}
.icon-abb_Ai-browser:before {
  content: "\ebb9";
}
.icon-abb_Ai-settings:before {
  content: "\ebba";
}
.icon-abb_checklist:before {
  content: "\ebbb";
}
.icon-abb_common-file-text-check-1:before {
  content: "\ebbc";
}
.icon-abb_data-file-bars-check:before {
  content: "\ebbd";
}
.icon-abb_data-file-search-1:before {
  content: "\ebbe";
}
.icon-abb_file-Code-settings:before {
  content: "\ebbf";
}
.icon-abb_file-Copyright-user:before {
  content: "\ebc0";
}
.icon-abb_form-hub-management-list-document:before {
  content: "\ebc1";
}
.icon-abb_gauge-dashboard-1:before {
  content: "\ebc2";
}
.icon-abb_layout-content1:before {
  content: "\ebc3";
}
.icon-abb_layout-two-colums:before {
  content: "\ebc4";
}
.icon-abb_messages-bubble-square-search:before {
  content: "\ebc5";
}
.icon-abb_Overflow-2-exist:before {
  content: "\ebc6";
}
.icon-abb_single-man-actions-check:before {
  content: "\ebc7";
}
.icon-abb_symbol-equal:before {
  content: "\ebc8";
}
.icon-abb_technology-search-copy:before {
  content: "\ebc9";
}
.icon-abb_technology-search-ai:before {
  content: "\ebca";
}
.icon-abb_light-mode-flash-on:before {
  content: "\ebac";
}
.icon-abb_wifi-upload-signal:before {
  content: "\ebad";
}
.icon-abb_style-three-Pin-anchor:before {
  content: "\ebae";
}
.icon-abb_health-emergency-signa:before {
  content: "\ebaf";
}
.icon-abb_sea-transport-boat_marine:before {
  content: "\ebb0";
}
.icon-abb_sea-transport-Ship-marine:before {
  content: "\ebb1";
}
.icon-abb_statistic-cross:before {
  content: "\ebb2";
}
.icon-abb_support-heart:before {
  content: "\ebb3";
}
.icon-abb_technology-signal:before {
  content: "\ebb4";
}
.icon-abb_temperature-Thermometer-High:before {
  content: "\ebb5";
}
.icon-abb_water-drop:before {
  content: "\ebb6";
}
.icon-abb_water-Protection-Drop:before {
  content: "\ebb7";
}
.icon-abb_wifi-upload-signal1:before {
  content: "\ebb8";
}
.icon-abb_app-Window-Disable:before {
  content: "\eb9c";
}
.icon-abb_app-Window-Expand:before {
  content: "\eb9d";
}
.icon-abb_app-Window-Minimize:before {
  content: "\eb9e";
}
.icon-abb_app-Window-Search:before {
  content: "\eb9f";
}
.icon-abb_app-Window-Warning:before {
  content: "\eba0";
}
.icon-abb_monitor-heart:before {
  content: "\eba1";
}
.icon-abb_time-Clock-Hand-1--Streamline-Ultimate:before {
  content: "\eba2";
}
.icon-abb_bookmarks-document:before {
  content: "\eba3";
}
.icon-abb_file-Copyright-Equal:before {
  content: "\eba4";
}
.icon-abb_layout-dotted-colums-square:before {
  content: "\eba5";
}
.icon-abb_monitoring-Heart-Beat-Laptop:before {
  content: "\eba6";
}
.icon-abb_programming-Hold-Code:before {
  content: "\eba7";
}
.icon-abb_row-Delete:before {
  content: "\eba8";
}
.icon-abb_app-Window-Download:before {
  content: "\eba9";
}
.icon-abb_app-Window-Star:before {
  content: "\ebaa";
}
.icon-abb_bookmark-delete:before {
  content: "\ebab";
}
.icon-abb_datakey:before {
  content: "\eb99";
}
.icon-abb_instance-appearance:before {
  content: "\eb9a";
}
.icon-abb_smssetting:before {
  content: "\eb9b";
}
.icon-abb_shapes:before {
  content: "\eb96";
}
.icon-abb_hand-expan:before {
  content: "\eb97";
}
.icon-abb_shape-triangle-circle:before {
  content: "\eb98";
}
.icon-abb_actions:before {
  content: "\eb88";
}
.icon-abb_audio-Book:before {
  content: "\eb89";
}
.icon-abb_book-Close--S:before {
  content: "\eb8a";
}
.icon-abb_detach-workflow-request-closed:before {
  content: "\eb8b";
}
.icon-abb_group-workflow-collaborate:before {
  content: "\eb8c";
}
.icon-abb_hierarchy-1:before {
  content: "\eb8d";
}
.icon-abb_hierarchy-connect:before {
  content: "\eb8e";
}
.icon-abb_line-1:before {
  content: "\eb8f";
}
.icon-abb_online-Learning:before {
  content: "\eb90";
}
.icon-abb_ungroup-workflow-pull-request:before {
  content: "\eb91";
}
.icon-abb_unpin:before {
  content: "\eb92";
}
.icon-abb_user-book-guide:before {
  content: "\eb93";
}
.icon-abb_workflow-Exit:before {
  content: "\eb94";
}
.icon-abb_workflow-merge:before {
  content: "\eb95";
}
.icon-abb_align-bottom:before {
  content: "\eb86";
}
.icon-abb_align-top:before {
  content: "\eb87";
}
.icon-abb_align-center:before {
  content: "\eb71";
}
.icon-abb_align-left:before {
  content: "\eb72";
}
.icon-abb_align-middle:before {
  content: "\eb73";
}
.icon-abb_align-right:before {
  content: "\eb74";
}
.icon-abb_coding-apps:before {
  content: "\eb75";
}
.icon-abb_custom-pipeline:before {
  content: "\eb76";
}
.icon-abb_email-Action-Send:before {
  content: "\eb77";
}
.icon-abb_email-mangement:before {
  content: "\eb78";
}
.icon-abb_Email-Sending:before {
  content: "\eb79";
}
.icon-abb_grid-Dot:before {
  content: "\eb7a";
}
.icon-abb_indent-increase:before {
  content: "\eb7b";
}
.icon-abb_indent:before {
  content: "\eb7c";
}
.icon-abb_layout-Array:before {
  content: "\eb7d";
}
.icon-abb_paragraph-Two:before {
  content: "\eb7e";
}
.icon-abb_picture-Polaroid:before {
  content: "\eb7f";
}
.icon-abb_relase-note:before {
  content: "\eb80";
}
.icon-abb_slider-Vertical:before {
  content: "\eb81";
}
.icon-abb_vectors-Anchor:before {
  content: "\eb82";
}
.icon-abb_aligntext:before {
  content: "\eb83";
}
.icon-abb_asset-performance:before {
  content: "\eb84";
}
.icon-abb_cloudexpress:before {
  content: "\eb85";
}
.icon-abb_common-file-text-download:before {
  content: "\eb68";
}
.icon-abb_controls-play:before {
  content: "\eb69";
}
.icon-abb_edit-Pdf:before {
  content: "\eb6a";
}
.icon-abb_file-code:before {
  content: "\eb6b";
}
.icon-abb_file-Csv:before {
  content: "\eb6c";
}
.icon-abb_microsoft-Excel:before {
  content: "\eb6d";
}
.icon-abb_office-file-Pdf:before {
  content: "\eb6e";
}
.icon-abb_office-file-sheet:before {
  content: "\eb6f";
}
.icon-abb_workflow-data-table:before {
  content: "\eb70";
}
.icon-abb_amazon:before {
  content: "\ea9c";
}
.icon-abb_copy-paste:before {
  content: "\eb62";
}
.icon-abb_cursor-target:before {
  content: "\eb63";
}
.icon-abb_full-screen:before {
  content: "\eb64";
}
.icon-abb_keyboard:before {
  content: "\eb65";
}
.icon-abb_maps:before {
  content: "\eb66";
}
.icon-abb_browser-idea:before {
  content: "\eb4f";
}
.icon-abb_camera1:before {
  content: "\eb50";
}
.icon-abb_cut:before {
  content: "\eb51";
}
.icon-abb_group:before {
  content: "\eb52";
}
.icon-abb_history1:before {
  content: "\eb53";
}
.icon-abb_logout1:before {
  content: "\eb54";
}
.icon-abb_modules:before {
  content: "\eb55";
}
.icon-abb_optimization-clock:before {
  content: "\eb56";
}
.icon-abb_redo1:before {
  content: "\eb57";
}
.icon-abb_shape-circle-add:before {
  content: "\eb58";
}
.icon-abb_shape-square-add:before {
  content: "\eb59";
}
.icon-abb_shuffle:before {
  content: "\eb5a";
}
.icon-abb_square-cursor:before {
  content: "\eb5b";
}
.icon-abb_text-flow:before {
  content: "\eb5c";
}
.icon-abb_text-format:before {
  content: "\eb5d";
}
.icon-abb_text-Input-area:before {
  content: "\eb5e";
}
.icon-abb_timer:before {
  content: "\eb5f";
}
.icon-abb_typing-input:before {
  content: "\eb60";
}
.icon-abb_undo1:before {
  content: "\eb61";
}
.icon-abb_analytics-bars:before {
  content: "\eb44";
}
.icon-abb_app-window:before {
  content: "\eb45";
}
.icon-abb_browser-page:before {
  content: "\eb46";
}
.icon-abb_composition-layout:before {
  content: "\eb47";
}
.icon-abb_data-file-bars-share:before {
  content: "\eb48";
}
.icon-abb_design-tool-layout:before {
  content: "\eb49";
}
.icon-abb_history-time-reverse:before {
  content: "\eb4a";
}
.icon-abb_layout-bullets-list:before {
  content: "\eb4b";
}
.icon-abb_layout-content:before {
  content: "\eb4c";
}
.icon-abb_list-bullets:before {
  content: "\eb4d";
}
.icon-abb_refresh:before {
  content: "\eb4e";
}
.icon-abb_pipeline-1:before {
  content: "\eb33";
}
.icon-abb_fan_2:before {
  content: "\eb34";
}
.icon-abb_fan:before {
  content: "\eb35";
}
.icon-abb_synchronize-arrows-search1:before {
  content: "\eb36";
}
.icon-abb-design:before {
  content: "\eb37";
}
.icon-abb-devlopment:before {
  content: "\eb40";
}
.icon-abb-portfolio:before {
  content: "\eb41";
}
.icon-abb_arrow-down:before {
  content: "\eb31";
}
.icon-abb_arrow-up1:before {
  content: "\eb32";
}
.icon-abb_user-profile:before {
  content: "\eacb";
}
.icon-abb_atabase-lock:before {
  content: "\eacd";
}
.icon-abb_data-network:before {
  content: "\eb2a";
}
.icon-abb_database-clock:before {
  content: "\eb2b";
}
.icon-abb_database-key:before {
  content: "\eb2c";
}
.icon-abb_database-setting:before {
  content: "\eb2d";
}
.icon-abb_database1:before {
  content: "\eb2e";
}
.icon-abb_setting-cog:before {
  content: "\eb2f";
}
.icon-abb_workflow-Data-Table:before {
  content: "\eb30";
}
.icon-abb_static:before {
  content: "\eb25";
}
.icon-abb_databasetime:before {
  content: "\eb26";
}
.icon-abb_electrical:before {
  content: "\eb27";
}
.icon-abb_instrumentation:before {
  content: "\eb28";
}
.icon-abb_rotating:before {
  content: "\eb29";
}
.icon-abb_redo:before {
  content: "\eb22";
}
.icon-abb_save:before {
  content: "\eb23";
}
.icon-abb_undo:before {
  content: "\eb24";
}
.icon-abb_navigation-menu-vertical:before {
  content: "\eb1c";
}
.icon-abb_service-mangemnet:before {
  content: "\eb1d";
}
.icon-abb_virtual:before {
  content: "\eb1e";
}
.icon-abb_add-Comment:before {
  content: "\eb1f";
}
.icon-abb_coding:before {
  content: "\eb20";
}
.icon-abb_database:before {
  content: "\eb21";
}
.icon-abb_arrow-right:before {
  content: "\eb19";
}
.icon-abb_menu-horizontal:before {
  content: "\eb1a";
}
.icon-abb_menu-vertical:before {
  content: "\eb1b";
}
.icon-abb_file-hierarchy:before {
  content: "\eac8";
}
.icon-abb_recruiting-Employee:before {
  content: "\eac9";
}
.icon-abb_server-search:before {
  content: "\eb16";
}
.icon-abb_server:before {
  content: "\eb17";
}
.icon-abb_user-data:before {
  content: "\eb18";
}
.icon-abb_double-arrow-down_small-10:before {
  content: "\eac6";
}
.icon-abb_double-arrow-up_small-10:before {
  content: "\eac7";
}
.icon-abb-user-managment-repository:before {
  content: "\eb14";
}
.icon-abb_lock:before {
  content: "\eb15";
}
.icon-abb_double-arrow-left_medium:before {
  content: "\eb11";
}
.icon-abb_double-arrow-right_medium:before {
  content: "\eb12";
}
.icon-abb_metallurgy-metal:before {
  content: "\eb13";
}
.icon-abb_triangle-down-Arrow:before {
  content: "\eb0f";
}
.icon-abb_triangle-up-Arrow:before {
  content: "\eb10";
}
.icon-abb_arrow-left_small-10:before {
  content: "\eb0d";
}
.icon-abb_arrow-right_small-10:before {
  content: "\eb0e";
}
.icon-abb_arrow-down_small-10:before {
  content: "\eb0b";
}
.icon-abb_arrow-up_small-10:before {
  content: "\eb0c";
}
.icon-abb_sorting_In:before {
  content: "\eacf";
}
.icon-abb_sorting_out:before {
  content: "\ead0";
}
.icon-abb_Placeholder-Icon:before {
  content: "\ead1";
}
.icon-abb_search-small:before {
  content: "\eac3";
}
.icon-abb_add-small:before {
  content: "\eac4";
}
.icon-abb_warning-fill:before {
  content: "\eaca";
}
.icon-abb_global-Navigation-Menu:before {
  content: "\eb08";
}
.icon-abb_cooling-system-optimization1:before {
  content: "\eb09";
}
.icon-abb_Task-List-Check-2:before {
  content: "\eb0a";
}
.icon-abb_Factory-Building-Cog-3:before {
  content: "\eb01";
}
.icon-abb_Factory-Building:before {
  content: "\eb02";
}
.icon-abb_Factory-Building2:before {
  content: "\eb03";
}
.icon-abb_collapse-Shrink:before {
  content: "\eb04";
}
.icon-abb_Expand:before {
  content: "\eb05";
}
.icon-abb_Factory-Building-1:before {
  content: "\eb06";
}
.icon-abb_Pause-1:before {
  content: "\eb07";
}
.icon-abb_Tags-Check:before {
  content: "\eaf9";
}
.icon-abb_Tags-Search:before {
  content: "\eafa";
}
.icon-abb_arrow-Down:before {
  content: "\eafb";
}
.icon-abb_arrow-up:before {
  content: "\eafc";
}
.icon-abb_Computer-Chip:before {
  content: "\eafd";
}
.icon-abb_Computer-Ram:before {
  content: "\eafe";
}
.icon-abb_Programming:before {
  content: "\eaff";
}
.icon-abb_Turntable:before {
  content: "\eb00";
}
.icon-abb_data-graph:before {
  content: "\eaef";
}
.icon-abb_Estimate-Time:before {
  content: "\eaf0";
}
.icon-abb_Headphones:before {
  content: "\eaf1";
}
.icon-abb_history:before {
  content: "\eaf2";
}
.icon-abb_Music-Sound:before {
  content: "\eaf3";
}
.icon-abb_Settings:before {
  content: "\eaf4";
}
.icon-abb_Slider-Horizontal:before {
  content: "\eaf5";
}
.icon-abb_Volume-Control:before {
  content: "\eaf6";
}
.icon-abb_Volume-Control-Down:before {
  content: "\eaf7";
}
.icon-abb_Volume-Control-Off:before {
  content: "\eaf8";
}
.icon-abb_mike-off:before {
  content: "\eae8";
}
.icon-abb_mike:before {
  content: "\eae9";
}
.icon-abb_pause:before {
  content: "\eaea";
}
.icon-abb_reload:before {
  content: "\eaeb";
}
.icon-abb_stop-1:before {
  content: "\eaec";
}
.icon-abb_stop:before {
  content: "\eaed";
}
.icon-abb_user-check:before {
  content: "\eaee";
}
.icon-abb_operation:before {
  content: "\ea40";
}
.icon-abb_supplychain:before {
  content: "\ea41";
}
.icon-abb_sustainibility:before {
  content: "\ea42";
}
.icon-abb_folder:before {
  content: "\ea43";
}
.icon-abb_arrange-Letter-sorting:before {
  content: "\eae5";
}
.icon-abb_toggle-Setting-On:before {
  content: "\eae6";
}
.icon-abb_toggle-Setting-Off:before {
  content: "\eae7";
}
.icon-abb_ecology-leaf-bulb:before {
  content: "\eae1";
}
.icon-abb_single-shield:before {
  content: "\eae2";
}
.icon-abb_single-graph:before {
  content: "\eae3";
}
.icon-abb_performance-money-increase:before {
  content: "\eae4";
}
.icon-abb_synchronize-arrows-warning:before {
  content: "\eaba";
}
.icon-abb_synchronize-arrows:before {
  content: "\eabb";
}
.icon-abb_app-window-module:before {
  content: "\eabc";
}
.icon-abb_android-settings:before {
  content: "\eabd";
}
.icon-abb_design:before {
  content: "\eabe";
}
.icon-abb_navigation-menu-3:before {
  content: "\eabf";
}
.icon-abb_navigation-menu1:before {
  content: "\eac0";
}
.icon-abb_normal-screen:before {
  content: "\eac1";
}
.icon-abb_error:before {
  content: "\eac2";
}
.icon-abb_information-circle1:before {
  content: "\eac5";
}
.icon-abb_tick:before {
  content: "\eacc";
}
.icon-abb_warning:before {
  content: "\eace";
}
.icon-abb_cancel_small:before {
  content: "\ead2";
}
.icon-abb_collapse-horizontal:before {
  content: "\ead3";
}
.icon-abb_collapse-Vertical:before {
  content: "\ead4";
}
.icon-abb_collapse:before {
  content: "\ead5";
}
.icon-abb_expand-full:before {
  content: "\ead6";
}
.icon-abb_expand-horizontal:before {
  content: "\ead7";
}
.icon-abb_expand-vertical:before {
  content: "\ead8";
}
.icon-abb_expand:before {
  content: "\ead9";
}
.icon-abb_loading-circle-1:before {
  content: "\eada";
}
.icon-abb_sidebar-collapes:before {
  content: "\eadb";
}
.icon-thumb-down-dislike:before {
  content: "\eadc";
}
.icon-abb_sidebar-expand:before {
  content: "\eadd";
}
.icon-abb_tick-completed-circle-1:before {
  content: "\eade";
}
.icon-shrink:before {
  content: "\eadf";
}
.icon-thumb-up-like:before {
  content: "\eae0";
}
.icon-abb_abb_retouch-select-4:before {
  content: "\eab1";
}
.icon-abb_check1:before {
  content: "\eab2";
}
.icon-abb_check2:before {
  content: "\eab3";
}
.icon-abb_copy-2-1:before {
  content: "\eab4";
}
.icon-abb_layers-front-2:before {
  content: "\eab5";
}
.icon-abb_send:before {
  content: "\eab6";
}
.icon-abb_task-list-check5:before {
  content: "\eab7";
}
.icon-abb_thumb-down-dislike:before {
  content: "\eab8";
}
.icon-abb_thumb-up-like-7:before {
  content: "\eab9";
}
.icon-abb_app-user:before {
  content: "\eab0";
}
.icon-abb_contactless-payment:before {
  content: "\eaa7";
}
.icon-abb_graph-stats-circle:before {
  content: "\eaa8";
}
.icon-abb_photo-audio-player:before {
  content: "\eaa9";
}
.icon-abb_rotor-dynamics:before {
  content: "\eaaa";
}
.icon-abb_rotormodel-library:before {
  content: "\eaab";
}
.icon-abb_RUL:before {
  content: "\eaac";
}
.icon-abb_smartopertor:before {
  content: "\eaad";
}
.icon-abb_user:before {
  content: "\eaae";
}
.icon-abb_vibration-analytics:before {
  content: "\eaaf";
}
.icon-abb_folder-open:before {
  content: "\eaa1";
}
.icon-abb_app-plugin1:before {
  content: "\ea9f";
}
.icon-abb_module-hand-puzzle:before {
  content: "\eaa0";
}
.icon-abb_calendar1:before {
  content: "\ea9d";
}
.icon-abb_service-chart:before {
  content: "\ea9e";
}
.icon-abb_technology-robot-speech:before {
  content: "\eb67";
}
.icon-abb_area-location:before {
  content: "\ea7e";
}
.icon-abb_battery-life:before {
  content: "\ea7f";
}
.icon-abb_consumption:before {
  content: "\ea80";
}
.icon-abb_device-measure:before {
  content: "\ea81";
}
.icon-abb_download-1:before {
  content: "\ea82";
}
.icon-abb_download-2:before {
  content: "\ea83";
}
.icon-abb_Flow-percentage:before {
  content: "\ea84";
}
.icon-abb_flow-rate:before {
  content: "\ea85";
}
.icon-abb_forward:before {
  content: "\ea86";
}
.icon-abb_health1:before {
  content: "\ea87";
}
.icon-abb_maxflow:before {
  content: "\ea88";
}
.icon-abb_min-flow:before {
  content: "\ea89";
}
.icon-abb_night-flow:before {
  content: "\ea8a";
}
.icon-abb_onboarding1:before {
  content: "\ea8b";
}
.icon-abb_peak-flow:before {
  content: "\ea8c";
}
.icon-abb_pressure:before {
  content: "\ea8d";
}
.icon-abb_signal-quality:before {
  content: "\ea8f";
}
.icon-abb_velocity:before {
  content: "\ea90";
}
.icon-abb-event-log:before {
  content: "\ea91";
}
.icon-Frame:before {
  content: "\ea92";
}
.icon-abb_accounting-calculator-1:before {
  content: "\ea93";
}
.icon-abb_brain-1:before {
  content: "\ea94";
}
.icon-abb_calculate-table:before {
  content: "\ea95";
}
.icon-abb_data-file-bars-remove:before {
  content: "\ea96";
}
.icon-abb_file-code-search:before {
  content: "\ea97";
}
.icon-abb_file-code-settings-1:before {
  content: "\ea98";
}
.icon-abb_source-integration:before {
  content: "\ea99";
}
.icon-abb_boiler:before {
  content: "\ea9a";
}
.icon-abb_coolingtower:before {
  content: "\ea9b";
}
.icon-abb_electronics-motor1:before {
  content: "\ea7c";
}
.icon-abb_transformer:before {
  content: "\ea7d";
}
.icon-abb_air-wind:before {
  content: "\ea72";
}
.icon-abb_engineering:before {
  content: "\ea73";
}
.icon-abb_innovation:before {
  content: "\ea74";
}
.icon-abb_lab:before {
  content: "\ea75";
}
.icon-abb_legal:before {
  content: "\ea76";
}
.icon-abb_maintence:before {
  content: "\ea77";
}
.icon-abb_mine:before {
  content: "\ea78";
}
.icon-abb_permit:before {
  content: "\ea79";
}
.icon-abb_personal-mangement:before {
  content: "\ea7a";
}
.icon-abb_transport:before {
  content: "\ea7b";
}
.icon-abb_popout-1:before {
  content: "\ea71";
}
.icon-abb_view-1:before {
  content: "\ea6b";
}
.icon-abb_color-bucket-brush:before {
  content: "\ea6c";
}
.icon-abb_paragraph-center-align:before {
  content: "\ea6d";
}
.icon-abb_paragraph-left-align:before {
  content: "\ea6e";
}
.icon-abb_paragraph-right-align:before {
  content: "\ea6f";
}
.icon-abb_text-justify:before {
  content: "\ea70";
}
.icon-abb_database-warning1:before {
  content: "\ea68";
}
.icon-abb_service-failure-warning-1:before {
  content: "\ea69";
}
.icon-abb_sign-warning:before {
  content: "\ea6a";
}
.icon-abb_arrange-letter:before {
  content: "\ea5d";
}
.icon-abb_arrange-list-ascending-1:before {
  content: "\ea5e";
}
.icon-abb_arrange-list-descending:before {
  content: "\ea5f";
}
.icon-abb_arrow-button-down-2:before {
  content: "\ea60";
}
.icon-abb_arrow-button-up:before {
  content: "\ea61";
}
.icon-abb_color-bucket-1:before {
  content: "\ea62";
}
.icon-abb_color-picker-3:before {
  content: "\ea63";
}
.icon-abb_email-sending-circle:before {
  content: "\ea64";
}
.icon-abb_messages-bubble-square-text:before {
  content: "\ea65";
}
.icon-abb_navigation-up-circle:before {
  content: "\ea66";
}
.icon-abb_visualisation:before {
  content: "\ea67";
}
.icon-abb_calendar-add-1:before {
  content: "\ea58";
}
.icon-abb_calendar-block:before {
  content: "\ea59";
}
.icon-abb_data-file-bars-sync:before {
  content: "\ea5a";
}
.icon-abb_hierarchy1:before {
  content: "\ea5b";
}
.icon-abb_synchronize-refresh:before {
  content: "\ea5c";
}
.icon-abb_-table-view:before {
  content: "\ea54";
}
.icon-abb_excel-logo:before {
  content: "\ea55";
}
.icon-abb_workflow-data-table-alert:before {
  content: "\ea56";
}
.icon-abb_workflow-gantt-chart:before {
  content: "\ea57";
}
.icon-abb_calendar-clock:before {
  content: "\ea44";
}
.icon-abb_cloud-text:before {
  content: "\ea45";
}
.icon-abb_dashboard-1:before {
  content: "\ea46";
}
.icon-abb_data-file-clock:before {
  content: "\ea47";
}
.icon-abb_download:before {
  content: "\ea48";
}
.icon-abb_ecology-leaf-settings:before {
  content: "\ea49";
}
.icon-abb_file-code-edit-1:before {
  content: "\ea4a";
}
.icon-abb_folder1:before {
  content: "\ea4b";
}
.icon-abb_license:before {
  content: "\ea4c";
}
.icon-abb_note:before {
  content: "\ea4d";
}
.icon-abb_privacy:before {
  content: "\ea4e";
}
.icon-abb_renewable-energy-solar-panel:before {
  content: "\ea4f";
}
.icon-abb_software-monitor-cog:before {
  content: "\ea50";
}
.icon-abb_solar-panel-and-battery:before {
  content: "\ea51";
}
.icon-abb_temperature-up:before {
  content: "\ea52";
}
.icon-abb_web-service-managed-service-1:before {
  content: "\ea53";
}
.icon-abb_home:before {
  content: "\ea3b";
}
.icon-abb_truck-vehical:before {
  content: "\ea3c";
}
.icon-abb_web-service-managed-service-search:before {
  content: "\ea3d";
}
.icon-abb_alert-notification:before {
  content: "\ea3e";
}
.icon-abb_read:before {
  content: "\ea3f";
}
.icon-abb_app-setting-copy-2:before {
  content: "\ea2a";
}
.icon-abb_delete-copy:before {
  content: "\ea3a";
}
.icon-abb_alert-diamond:before {
  content: "\ea2b";
}
.icon-abb_attachment:before {
  content: "\ea2c";
}
.icon-abb_close-eyes:before {
  content: "\ea2d";
}
.icon-abb_delete1:before {
  content: "\ea2e";
}
.icon-abb_layout-cards:before {
  content: "\ea2f";
}
.icon-abb_layout-list:before {
  content: "\ea30";
}
.icon-abb_open-eyes:before {
  content: "\ea31";
}
.icon-abb_pin:before {
  content: "\ea32";
}
.icon-abb_question-circle:before {
  content: "\ea33";
}
.icon-abb_share:before {
  content: "\ea34";
}
.icon-abb_synchronize-arrows-search:before {
  content: "\ea35";
}
.icon-abb_technology-head-ai:before {
  content: "\ea36";
}
.icon-abb_technology-privacy:before {
  content: "\ea37";
}
.icon-abb_time-clock:before {
  content: "\ea38";
}
.icon-abb_tool-box:before {
  content: "\ea39";
}
.icon-abb_alert-circle:before {
  content: "\ea1a";
}
.icon-abb_arrow-button-left-1:before {
  content: "\ea1b";
}
.icon-abb_arrow-button-right-1:before {
  content: "\ea1c";
}
.icon-abb_arrow-left-1:before {
  content: "\ea1d";
}
.icon-abb_arrow-left:before {
  content: "\ea1e";
}
.icon-abb_arrow-right-1:before {
  content: "\ea1f";
}
.icon-abb_calendar-favorite:before {
  content: "\ea20";
}
.icon-abb_calendar-setting:before {
  content: "\ea21";
}
.icon-abb_edit:before {
  content: "\ea22";
}
.icon-abb_copy-1:before {
  content: "\ea23";
}
.icon-abb_duplicate:before {
  content: "\ea24";
}
.icon-abb_filter-3:before {
  content: "\ea25";
}
.icon-abb_search-remove:before {
  content: "\ea26";
}
.icon-abb_search1:before {
  content: "\ea27";
}
.icon-abb_zoom-in:before {
  content: "\ea28";
}
.icon-abb_zoom-out:before {
  content: "\ea29";
}
.icon-abb_cancel-1:before {
  content: "\ea0e";
}
.icon-abb_cancel-circle:before {
  content: "\ea0f";
}
.icon-abb_delete:before {
  content: "\ea10";
}
.icon-abb_global-nav:before {
  content: "\ea11";
}
.icon-abb_information-circle:before {
  content: "\ea12";
}
.icon-abb_location:before {
  content: "\ea13";
}
.icon-abb_menu:before {
  content: "\ea14";
}
.icon-abb_navigation-menu:before {
  content: "\ea15";
}
.icon-abb_app-setting-copy:before {
  content: "\ea16";
}
.icon-abb_back:before {
  content: "\ea17";
}
.icon-abb_setting:before {
  content: "\ea18";
}
.icon-abb_user-preferance:before {
  content: "\ea19";
}
.icon-abb_app-window-graph:before {
  content: "\ea08";
}
.icon-abb_analytics-graph:before {
  content: "\ea09";
}
.icon-abb_analytics-pie-3:before {
  content: "\ea0a";
}
.icon-abb_asset-looss-performance:before {
  content: "\ea0b";
}
.icon-abb_business-moneysvg:before {
  content: "\ea0c";
}
.icon-abb_loss:before {
  content: "\ea0d";
}
.icon-abb_shield-settings:before {
  content: "\ea04";
}
.icon-abb_administration:before {
  content: "\ea05";
}
.icon-abb_Language:before {
  content: "\ea06";
}
.icon-abb_logout:before {
  content: "\ea07";
}
.icon-abb_schema1:before {
  content: "\ea03";
}
.icon-abb_managementwrench:before {
  content: "\ea00";
}
.icon-abb_copilot:before {
  content: "\ea01";
}
.icon-abb_seo-search-graph:before {
  content: "\ea02";
}
.icon-abb_add-circle:before {
  content: "\e9f6";
}
.icon-abb_app-expand:before {
  content: "\e9f7";
}
.icon-abb_app-minimize:before {
  content: "\e9f8";
}
.icon-abb_employee:before {
  content: "\e9f9";
}
.icon-abb_female:before {
  content: "\e9fa";
}
.icon-abb_male:before {
  content: "\e9fb";
}
.icon-abb_library:before {
  content: "\e9fc";
}
.icon-abb_minus-circle:before {
  content: "\e9fd";
}
.icon-abb_sync:before {
  content: "\e9fe";
}
.icon-abb_upload-bottom:before {
  content: "\e9ff";
}
.icon-abb_predictive-maintenance1:before {
  content: "\e9ee";
}
.icon-abb_asset-model-lib:before {
  content: "\e9ef";
}
.icon-abb_event-rules:before {
  content: "\e9f0";
}
.icon-abb_fault-prediction:before {
  content: "\e9f1";
}
.icon-abb_performance-monitoring:before {
  content: "\e9f2";
}
.icon-abb_predict360:before {
  content: "\e9f3";
}
.icon-abb_template--configuration:before {
  content: "\e9f4";
}
.icon-abb_template-defination:before {
  content: "\e9f5";
}
.icon-abb_calculation:before {
  content: "\e9e0";
}
.icon-abb_contextualization:before {
  content: "\e9e1";
}
.icon-abb_crane:before {
  content: "\e9e2";
}
.icon-abb_data-catalog:before {
  content: "\e9e3";
}
.icon-abb_device-model-copy:before {
  content: "\e9e4";
}
.icon-abb_device-model:before {
  content: "\e9e5";
}
.icon-abb_document-database:before {
  content: "\e9e6";
}
.icon-abb_instance-datasets:before {
  content: "\e9e7";
}
.icon-abb_instances:before {
  content: "\e9e8";
}
.icon-abb_json1:before {
  content: "\e9e9";
}
.icon-abb_ksh:before {
  content: "\e9ea";
}
.icon-abb_reference-tables:before {
  content: "\e9eb";
}
.icon-abb_schema:before {
  content: "\e9ec";
}
.icon-abb_vision:before {
  content: "\e9ed";
}
.icon-abb_database-warning:before {
  content: "\e9dc";
}
.icon-abb_database-add:before {
  content: "\e9dd";
}
.icon-abb_service-failure:before {
  content: "\e9de";
}
.icon-abb_service-failure1:before {
  content: "\e9df";
}
.icon-abb_performance-dashboard:before {
  content: "\e9db";
}
.icon-abb_asset-add:before {
  content: "\e9c9";
}
.icon-abb_asset-approve:before {
  content: "\e9ca";
}
.icon-abb_asset-remove:before {
  content: "\e9cb";
}
.icon-abb_asset-settings:before {
  content: "\e9cc";
}
.icon-abb_asset-share:before {
  content: "\e9cd";
}
.icon-abb_asset-subtract:before {
  content: "\e9ce";
}
.icon-abb_asset-sync:before {
  content: "\e9cf";
}
.icon-abb_asset-upload:before {
  content: "\e9d0";
}
.icon-abb_asset-warning:before {
  content: "\e9d1";
}
.icon-abb_common-file-text-check:before {
  content: "\e9d2";
}
.icon-abb_dark:before {
  content: "\e9d3";
}
.icon-abb_light:before {
  content: "\e9d4";
}
.icon-abb_overlay:before {
  content: "\e9d5";
}
.icon-abb_profile-approve:before {
  content: "\e9d6";
}
.icon-abb_single-monitor:before {
  content: "\e9d7";
}
.icon-abb_single-monitor1:before {
  content: "\e9d8";
}
.icon-abb_spilt:before {
  content: "\e9d9";
}
.icon-abb_theme:before {
  content: "\e9da";
}
.icon-abb_gauge:before {
  content: "\e9c3";
}
.icon-abb_tags-settings:before {
  content: "\e9c4";
}
.icon-abb_tags-add:before {
  content: "\e9c5";
}
.icon-abb_tags:before {
  content: "\e9c6";
}
.icon-abb_charging:before {
  content: "\e9c7";
}
.icon-abb_add-task-copy:before {
  content: "\e9c8";
}
.icon-abb_list-document:before {
  content: "\e9bd";
}
.icon-abb_document:before {
  content: "\e9be";
}
.icon-abb_paper-write:before {
  content: "\e9bf";
}
.icon-abb_equipment:before {
  content: "\e9c0";
}
.icon-abb_calendar:before {
  content: "\e9c1";
}
.icon-abb_time-clock-circle:before {
  content: "\e9c2";
}
.icon-abb_check:before {
  content: "\e9b9";
}
.icon-abb_completed-check:before {
  content: "\e9ba";
}
.icon-abb_digital-twin:before {
  content: "\e9bb";
}
.icon-abb_performance-2:before {
  content: "\e9bc";
}
.icon-abb_app-pie-chart:before {
  content: "\e998";
}
.icon-abb_app-search:before {
  content: "\e999";
}
.icon-abb_availability:before {
  content: "\e99a";
}
.icon-abb_browser-hierarchy:before {
  content: "\e99b";
}
.icon-abb_clock-file-timer:before {
  content: "\e99c";
}
.icon-abb_CM-compliance:before {
  content: "\e99d";
}
.icon-abb_cog-hand:before {
  content: "\e99e";
}
.icon-abb_completed-check-square:before {
  content: "\e99f";
}
.icon-abb_customer-relationship:before {
  content: "\e9a0";
}
.icon-abb_database-check:before {
  content: "\e9a1";
}
.icon-abb_data-file-search:before {
  content: "\e9a2";
}
.icon-abb_data-file-settings:before {
  content: "\e9a3";
}
.icon-abb_data-search:before {
  content: "\e9a4";
}
.icon-abb_graph-desktop:before {
  content: "\e9a5";
}
.icon-abb_inprogress:before {
  content: "\e9a6";
}
.icon-abb_inspection-warning:before {
  content: "\e9a7";
}
.icon-abb_line-graph:before {
  content: "\e9a8";
}
.icon-abb_maintenance-tool:before {
  content: "\e9a9";
}
.icon-abb_maintence-cost:before {
  content: "\e9aa";
}
.icon-abb_material-cost:before {
  content: "\e9ab";
}
.icon-abb_money-decrease:before {
  content: "\e9ac";
}
.icon-abb_monitor-chart:before {
  content: "\e9ad";
}
.icon-abb_overdue:before {
  content: "\e9ae";
}
.icon-abb_performance:before {
  content: "\e9af";
}
.icon-abb_PM-compliance:before {
  content: "\e9b0";
}
.icon-abb_CM-compliance1:before {
  content: "\e9b1";
}
.icon-abb_report-graph:before {
  content: "\e9b2";
}
.icon-abb_analyser-search:before {
  content: "\e9b3";
}
.icon-abb_seo-search-settings:before {
  content: "\e9b4";
}
.icon-abb_service-cost:before {
  content: "\e9b5";
}
.icon-abb_time-MTBF:before {
  content: "\e9b6";
}
.icon-abb_time-MTTR:before {
  content: "\e9b7";
}
.icon-abb_tools-wench:before {
  content: "\e9b8";
}
.icon-abb_alarm-bell-ring:before {
  content: "\e987";
}
.icon-abb_alert-bell-notification-1:before {
  content: "\e988";
}
.icon-abb_costcycle:before {
  content: "\e989";
}
.icon-abb_data-file-warning:before {
  content: "\e98a";
}
.icon-abb_documents:before {
  content: "\e98b";
}
.icon-abb_health:before {
  content: "\e98c";
}
.icon-abb_hierarchy:before {
  content: "\e98d";
}
.icon-abb_layout-module:before {
  content: "\e98e";
}
.icon-abb_layout-module-1:before {
  content: "\e98f";
}
.icon-abb_layout-module-2:before {
  content: "\e990";
}
.icon-abb_layout-module-3:before {
  content: "\e991";
}
.icon-abb_loss-summary-:before {
  content: "\e992";
}
.icon-abb_link-broken:before {
  content: "\e993";
}
.icon-abb_maintenance1:before {
  content: "\e994";
}
.icon-abb_managementchange:before {
  content: "\e995";
}
.icon-abb_operational:before {
  content: "\e996";
}
.icon-abb_systemdetails:before {
  content: "\e997";
}
.icon-abb_pie-line-graph:before {
  content: "\e985";
}
.icon-abb_email-settings:before {
  content: "\e986";
}
.icon-abb_physical-property:before {
  content: "\e984";
}
.icon-abb_cursor-choose-interface:before {
  content: "\e982";
}
.icon-abb_webpage-live-programing:before {
  content: "\e983";
  color: #686868;
}
.icon-abb_time-stopwatch:before {
  content: "\e97b";
}
.icon-abb_timeout:before {
  content: "\e97c";
}
.icon-abb_hourglass:before {
  content: "\e97d";
}
.icon-abb_no-datafile:before {
  content: "\e97e";
}
.icon-abb_security:before {
  content: "\e97f";
}
.icon-abb_model-notification:before {
  content: "\e97a";
}
.icon-abb_activitylog:before {
  content: "\e920";
}
.icon-abb_undefined:before {
  content: "\e978";
}
.icon-abb_multiplot:before {
  content: "\e979";
}
.icon-abb_sequence:before {
  content: "\e981";
}
.icon-abb_rules_configuration:before {
  content: "\e976";
}
.icon-abb_Chemical:before {
  content: "\e966";
}
.icon-abb_move:before {
  content: "\e977";
}
.icon-abb_-centerline-creation:before {
  content: "\e975";
}
.icon-abb_alerts:before {
  content: "\e974";
}
.icon-abb_autocorrelation:before {
  content: "\e970";
}
.icon-abb_correlation:before {
  content: "\e971";
}
.icon-abb_crosscorrelation:before {
  content: "\e972";
}
.icon-abb_decomposition:before {
  content: "\e973";
}
.icon-abb_alarm-bell_32:before {
  content: "\e96f";
}
.icon-abb_minimize_32:before {
  content: "\e96e";
}
.icon-abb_analytical-insight:before {
  content: "\e969";
}
.icon-abb_energyawarness:before {
  content: "\e96a";
}
.icon-abb_reporting:before {
  content: "\e96b";
}
.icon-abb_target-model:before {
  content: "\e96c";
}
.icon-abb_target-setting:before {
  content: "\e96d";
}
.icon-abb_merge-32:before {
  content: "\e967";
}
.icon-abb_optimisation:before {
  content: "\e968";
}
.icon-abb_powerconsumption:before {
  content: "\e963";
}
.icon-abb_Mean-Time-Between-Failure_32:before {
  content: "\e964";
}
.icon-abb_anamoly_32:before {
  content: "\e965";
}
.icon-abb_-modelconfiguration:before {
  content: "\e962";
}
.icon-abb_process:before {
  content: "\e960";
}
.icon-abb_Centerline:before {
  content: "\e980";
}
.icon-abb_actiontracker:before {
  content: "\e95b";
}
.icon-abb_RCA:before {
  content: "\e95c";
}
.icon-abb_analyzercondition:before {
  content: "\e95d";
}
.icon-abb_onboarding:before {
  content: "\e95e";
}
.icon-abb_report:before {
  content: "\e95f";
}
.icon-abb_model-monitoring:before {
  content: "\e95a";
}
.icon-abb_Company:before {
  content: "\e958";
}
.icon-abb_Gas:before {
  content: "\e959";
}
.icon-abb_asset-model-library:before {
  content: "\e953";
}
.icon-abb_export-fault-modeling:before {
  content: "\e954";
}
.icon-abb_fault_prediction:before {
  content: "\e955";
}
.icon-abb_FMECA:before {
  content: "\e956";
}
.icon-abb_maintenance:before {
  content: "\e957";
}
.icon-abb_density-plot:before {
  content: "\e951";
}
.icon-abb_add-failure-mode:before {
  content: "\e952";
}
.icon-abb_deterioration:before {
  content: "\e950";
}
.icon-abb_failure-mode-configuration:before {
  content: "\e94f";
}
.icon-abb_create-machine-train:before {
  content: "\e94e";
}
.icon-abb_add:before {
  content: "\e94d";
}
.icon-abb_json:before {
  content: "\e93c";
}
.icon-abb_minus:before {
  content: "\e94b";
}
.icon-abb_switchgear:before {
  content: "\e94c";
}
.icon-abb_datapre-processing_32:before {
  content: "\e946";
}
.icon-abb_extraction:before {
  content: "\e947";
}
.icon-abb_Identification:before {
  content: "\e948";
}
.icon-abb_model-recommender:before {
  content: "\e949";
}
.icon-abb_scenario-definition:before {
  content: "\e94a";
}
.icon-abb_feedback:before {
  content: "\e945";
}
.icon-abb_break:before {
  content: "\e943";
}
.icon-abb_damage:before {
  content: "\e944";
}
.icon-abb_base-tag:before {
  content: "\e941";
}
.icon-abb_derived-tag:before {
  content: "\e942";
}
.icon-abb_asset-config:before {
  content: "\e93f";
}
.icon-abb_templist:before {
  content: "\e940";
}
.icon-abb_parameter:before {
  content: "\e93d";
}
.icon-abb_template-detail:before {
  content: "\e93e";
}
.icon-abb_-manager-user-data1:before {
  content: "\e93b";
}
.icon-abb_data_validation:before {
  content: "\e938";
}
.icon-abb_data-consolidation:before {
  content: "\e939";
}
.icon-abb_system-tag-mapping1:before {
  content: "\e93a";
}
.icon-abb_-manager-user-data:before {
  content: "\e937";
}
.icon-abb_importexport:before {
  content: "\e936";
}
.icon-abb_runtime:before {
  content: "\e934";
}
.icon-abb_application-service:before {
  content: "\e904";
}
.icon-abb_business-service:before {
  content: "\e932";
}
.icon-abb_ICM-data:before {
  content: "\e933";
}
.icon-abb_splitloss:before {
  content: "\e935";
}
.icon-abb_reset:before {
  content: "\e919";
}
.icon-abb_existingmapping:before {
  content: "\e900";
}
.icon-abb_scheduler:before {
  content: "\e931";
}
.icon-abb_role-defination:before {
  content: "\e92d";
}
.icon-abb_effeciency:before {
  content: "\e92e";
}
.icon-abb_loss-event:before {
  content: "\e92f";
}
.icon-abb_mapping-user:before {
  content: "\e930";
}
.icon-abb_schematic:before {
  content: "\e92c";
}
.icon-abb_analysis:before {
  content: "\e927";
}
.icon-abb_event:before {
  content: "\e928";
}
.icon-abb_ack:before {
  content: "\e929";
}
.icon-abb_alarm-bell_disable:before {
  content: "\e92a";
}
.icon-abb_playback:before {
  content: "\e92b";
}
.icon-abb_system-configuration:before {
  content: "\e926";
}
.icon-abb_data-explore1:before {
  content: "\e921";
}
.icon-abb_deployment:before {
  content: "\e922";
}
.icon-abb_model-registry:before {
  content: "\e923";
}
.icon-abb_model-running:before {
  content: "\e924";
}
.icon-abb_model-sandbox:before {
  content: "\e925";
}
.icon-abb_operating-range:before {
  content: "\e91d";
}
.icon-abb_system-detailsy:before {
  content: "\e91e";
}
.icon-abb_system-equipment-mapping:before {
  content: "\e91f";
}
.icon-abb_system-tag-mapping:before {
  content: "\e961";
}
.icon-abb_batch-process-statistics:before {
  content: "\e918";
}
.icon-abb_adapter-statistics:before {
  content: "\e906";
}
.icon-abb_running:before {
  content: "\e91a";
}
.icon-abb_stream--process-statistics:before {
  content: "\e91b";
}
.icon-abb_total-process:before {
  content: "\e91c";
}
.icon-abb_data_loading:before {
  content: "\e916";
}
.icon-abb_data_transformation:before {
  content: "\e917";
}
.icon-abb_Approvers:before {
  content: "\e912";
}
.icon-abb_loss_categories:before {
  content: "\e913";
}
.icon-abb_Notifications:before {
  content: "\e914";
}
.icon-abb_Planned:before {
  content: "\e915";
}
.icon-abb_interfacemonitor:before {
  content: "\e90c";
}
.icon-abb_connection:before {
  content: "\e90d";
}
.icon-abb_threshold:before {
  content: "\e90e";
}
.icon-abb_Summary:before {
  content: "\e90f";
}
.icon-abb_completed-badge--tick:before {
  content: "\e910";
}
.icon-abb_Visualisation:before {
  content: "\e911";
}
.icon-abb_InterfaceRegistry:before {
  content: "\e90b";
}
.icon-abb_dashboard:before {
  content: "\e90a";
}
.icon-abb_KPIdesigner:before {
  content: "\e909";
}
.icon-abb_star_32:before {
  content: "\e908";
}
.icon-abb_star_outline:before {
  content: "\e907";
}
.icon-abb_joincondition:before {
  content: "\e905";
}
.icon-abb_data-connection:before {
  content: "\e901";
}
.icon-abb_data-connection_edit:before {
  content: "\e902";
}
.icon-abb_data-mapping:before {
  content: "\e903";
}
html[data-theme=light] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #e8e7fd;
  --background-bg: #ebebeb;
  --background-disabled: #f5f5f5;
  --badge-text-color: #707070;
  --button-hover-with-opacity: RGBA(245, 245, 245, 0.2);
  --card-bg: #ffffff;
  --card-hover: #f4ebff;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #bababa;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #bababa;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-grey-200: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #feefef;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #e8e7fd;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f4ebff;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #696969;
  --text-blue-color: #615eef;
  --text-link: #615eef;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-black-color: #1f1f1f;
  --text-white-color: #ffffff;
  --toolbar-bg: #f5f5f5;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=dark] {
  --accordion-border: #615eef;
  --accordion-expanded-bg: #3a394f;
  --background-bg: #0f0f0f;
  --background-disabled: #1f1f1f;
  --badge-text-color: #ccc;
  --button-hover-with-opacity: RGBA(15, 15, 15, 0.2);
  --card-bg: #333333;
  --card-hover: #524663;
  --data-blue-100: #def4fa;
  --data-blue-200: #b3e6ff;
  --data-blue-300: #6cd5ff;
  --data-blue-400: #2fc8f7;
  --data-blue-500: #00acec;
  --data-blue-600: #1b7ac2;
  --data-gold-100: #ffeddb;
  --data-gold-200: #ffd3a8;
  --data-gold-300: #f2ac66;
  --data-gold-400: #d98f45;
  --data-gold-500: #c27121;
  --data-gold-600: #a65503;
  --data-green-100: #e2f7df;
  --data-green-200: #bfedbb;
  --data-green-300: #98d694;
  --data-green-400: #75ba70;
  --data-green-500: #51a34b;
  --data-green-600: #477a43;
  --data-magenta-100: #ffe3f0;
  --data-magenta-200: #ffc7e4;
  --data-magenta-300: #ff94c9;
  --data-magenta-400: #ff6bb5;
  --data-magenta-500: #e64997;
  --data-magenta-600: #c2347b;
  --data-orange-100: #ffeae8;
  --data-orange-200: #ffcec4;
  --data-orange-300: #ff9f8c;
  --data-orange-400: #f57c64;
  --data-orange-500: #ed5739;
  --data-orange-600: #d93616;
  --data-purple-100: #fae3fa;
  --data-purple-200: #fac5fa;
  --data-purple-300: #f291f2;
  --data-purple-400: #e670e6;
  --data-purple-500: #cc50cc;
  --data-purple-600: #a13fa1;
  --data-red-100: #ffe8ea;
  --data-red-200: #ffc9cd;
  --data-red-300: #ff99a0;
  --data-red-400: #ff757e;
  --data-red-500: #ff4754;
  --data-red-600: #e12e2e;
  --data-red-700: #f58986;
  --data-teal-100: #d7f7f3;
  --data-teal-200: #b5ebe2;
  --data-teal-300: #7ed6c6;
  --data-teal-400: #5abfae;
  --data-teal-500: #3da190;
  --data-teal-600: #3b786e;
  --data-yellow-100: #faf5b6;
  --data-yellow-200: #ede56f;
  --data-yellow-300: #d6c918;
  --data-yellow-400: #b5aa0d;
  --data-yellow-500: #968d0b;
  --data-yellow-600: #756e09;
  --data-yellow-700: #f7c775;
  --disabled-grey: #525252;
  --grey-100: #333333;
  --grey-200: #1f1f1f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #525252;
  --grey-600: #696969;
  --grey-700: #9f9f9f;
  --grey-800: #696969;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #1f1f1f;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-active: #4c49ed;
  --primary-default: #615eef;
  --primary-disabled: #a09ef5;
  --primary-hover: #7673f1;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --segmented-control-hover: #333333;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --shadow-blue: #615eef8f;
  --status-error: #ef3934;
  --status-error-hover: #b84038;
  --status-error-transparent: #300c0a;
  --status-info: #615eef;
  --status-info-hover: #7673f1;
  --status-info-transparent: #3a394f;
  --status-success: #21a67a;
  --status-success-hover: #458a6c;
  --status-success-transparent: #202d1f;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #33250d;
  --tag-bg: #2a1f36;
  --tag-count-bg: #525252;
  --tag-count-bg-hover: #333333;
  --text-blue-color: #a09ef5;
  --text-link: #615eef;
  --text-disabled-color: #696969;
  --text-primary-color: #ffffff;
  --text-secondary-color: #bababa;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --toolbar-bg: #333333;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=monochrome-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #f5f5f5;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=monochrome-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

html[data-theme=apux-light] {
  --accordion-border: #000000;
  --accordion-expanded-bg: #ebebeb;
  --badge-text-color: #707070;
  --text-white-color: #ffffff;
  --text-black-color: #1f1f1f;
  --card-bg: #ffffff;
  --grey-100: #fafafa;
  --grey-200: #f5f5f5;
  --grey-300: #ebebeb;
  --grey-400: #dbdbdb;
  --grey-500: #bababa;
  --grey-600: #9f9f9f;
  --grey-700: #868686;
  --grey-800: #696969;
  --grey-900: #333333;
  --grey-shadow: #00000029;
  --shadow-grey-100: #bababa4f;
  --shadow-grey-200: #00000029;
  --icon-hover: #f5f5f5;
  --left-pane: #fafafa;
  --notification-neutral-bg: #bababa;
  --notification-text: #0f0f0f;
  --popover-bg-dark-variant: #333333;
  --popover-bg-light-variant: #fff;
  --popover-close-dark-variant: #fff;
  --popover-close-light-variant: #1f1f1f;
  --popover-content-dark-variant: #fff;
  --popover-content-light-variant: #707070;
  --popover-heading-dark-variant: #fff;
  --popover-heading-light-variant: #1f1f1f;
  --toolbar-bg: #f5f5f5;
  --segmented-control-hover: #ebebeb;
  --shadow-blue: #3366ff8f;
  --primary-active: #0f0f0f;
  --primary-default: #0f0f0f;
  --primary-disabled: #bababa;
  --primary-focus: #2934ff;
  --primary-hover: #333333;
  --red: #ff000f;
  --secondary-text-file-uploader: #9e9e9e;
  --segmented-control-grey-hover: #f5f5f5;
  --shadow-blue: #0000008f;
  --status-error: #ef3934;
  --status-error-hover: #c73430;
  --status-error-transparent: #feefef;
  --status-info: #0052ff;
  --status-info-hover: #0648d5;
  --status-info-transparent: #eaefff;
  --status-success: #21a67a;
  --status-success-hover: #218c69;
  --status-success-transparent: #edf8f4;
  --status-warning: #ffa200;
  --status-warning-hover: #d58906;
  --status-warning-transparent: #fff8eb;
  --tag-bg: #f5f5f5;
  --tag-count-bg: #868686;
  --tag-count-bg-hover: #686868;
  --text-blue-color: #3366ff;
  --text-disabled-color: #bababa;
  --text-primary-color: #1f1f1f;
  --text-secondary-color: #696969;
  --text-link: #3366ff;
  --tooltip-shadow: #ffffff33;
  --white: #ffffff;
}

html[data-theme=apux-dark] {
  --accordion-border: #ffffff;
  --accordion-expanded-bg: #707070;
  --badge-text-color: #ccc;
  --text-white-color: #1f1f1f;
  --text-black-color: #1f1f1f;
  --card-bg: #333333;
  --grey-100: #333333;
  --grey-200: #0f0f0f;
  --grey-300: #0f0f0f;
  --grey-400: #696969;
  --grey-500: #707070;
  --grey-600: #dbdbdb;
  --grey-700: #dcdcdc;
  --grey-800: #dbdbdb;
  --grey-900: #fafafa;
  --grey-shadow: #00000011;
  --icon-hover: #696969;
  --toolbar-bg: #333333;
  --segmented-control-hover: #333333;
  --shadow-blue: #7ea8fb8f;
  --shadow-grey-100: #8686864f;
  --shadow-grey-200: #00000011;
  --left-pane: #333333;
  --notification-neutral-bg: #868686;
  --notification-text: #fff;
  --popover-bg-dark-variant: #fafafa;
  --popover-bg-light-variant: #1f1f1f;
  --popover-close-dark-variant: #1f1f1f;
  --popover-close-light-variant: #fafafa;
  --popover-content-dark-variant: #1f1f1f;
  --popover-content-light-variant: #ccc;
  --popover-heading-dark-variant: #1f1f1f;
  --popover-heading-light-variant: #fff;
  --primary-focus: #4580ff;
  --primary-active: #ffffff;
  --primary-default: #ffffff;
  --primary-disabled: #525252;
  --primary-hover: #ebebeb;
  --red: #ff000f;
  --secondary-text-file-uploader: #dcdcdc;
  --segmented-control-grey-hover: #333333;
  --shadow-blue: #ffffff8f;
  --status-error: #f2615d;
  --status-error-hover: #dc514d;
  --status-error-transparent: #300c0a;
  --status-info: #7da7ff;
  --status-info-hover: #7ba1f1;
  --status-info-transparent: #222635;
  --status-success: #4db895;
  --status-success-hover: #3ea483;
  --status-success-transparent: #1d2d1e;
  --status-warning: #ffb533;
  --status-warning-hover: #e9a225;
  --status-warning-transparent: #352122;
  --tag-bg: #707070;
  --tag-count-bg: #bababa;
  --tag-count-bg-hover: #dcdcdc;
  --text-blue-color: #7da7ff;
  --text-disabled-color: #525252;
  --text-primary-color: #ffffff;
  --text-secondary-color: #dbdbdb;
  --text-blue-color: #7da7ff;
  --text-link: #3366ff;
  --tooltip-shadow: #00000033;
  --white: #1f1f1f;
}

body {
  font-family: "ABBVoice", Verdana;
  color: var(--text-primary-color);
}

.page-status-badge.badge {
  margin-top: 16px;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
  display: block;
  width: max-content;
  max-width: 100%;
  text-align: center;
  font-size: 1rem;
  line-height: 24px;
}

.empty-state .primary-text {
  font-size: 1rem;
}
.empty-state .secondary-text {
  font-size: 0.75rem;
}

/* Input/Parameters: keep filters responsive without side-panel overlap */
.field-stn-1 .parameters-one-line-scroll {
  overflow: visible;
}
.field-stn-1 .parameters-top-layout {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
}
.field-stn-1 #side-for-params {
  flex: 0 0 360px;
  width: 360px;
  margin-top: 0;
}
@media (max-width: 1400px) {
  .field-stn-1 .parameters-top-layout {
    flex-direction: column;
    align-items: stretch;
  }
  .field-stn-1 #side-for-params {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }
  .field-stn-1 .parameters-side-panel {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 18px;
  }
  .field-stn-1 .parameters-checkbox-wrap,
  .field-stn-1 .parameters-action-button {
    max-width: 100%;
    white-space: normal;
  }
  .field-stn-1 .parameters-action-button button {
    max-width: 100%;
  }
}
.field-stn-1 .parameters-top-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  column-gap: 12px;
  align-items: end;
  min-width: 0;
  margin: 0;
  flex: 1 1 auto;
}
.field-stn-1 .parameters-top-row > [class*=col-],
.field-stn-1 .parameters-actions-row > [class*=col-] {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.field-stn-1 .parameters-top-col--period {
  grid-column: 1;
}
.field-stn-1 .parameters-top-col--business-line {
  grid-column: 2;
}
.field-stn-1 .parameters-top-col--country {
  grid-column: 3;
}
.field-stn-1 .parameters-actions-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
}
.field-stn-1 .parameters-checkbox-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  margin: 0;
}
.field-stn-1 .parameters-action-button {
  white-space: nowrap;
  margin: 0;
}
.field-stn-1 .parameters-top-col--checkbox,
.field-stn-1 .parameters-top-col--button {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.form-header {
  padding-top: 4px;
  padding-bottom: 4px;
}
.form-header .form-header__row {
  display: flex;
  align-items: baseline;
  gap: 28px;
  flex-wrap: wrap;
}
.form-header .form-header__title {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}
.form-header .form-header__meta {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}
.form-header .form-header__meta b {
  font-weight: 700;
}

.kpi-definition-tooltip-content {
  max-width: 380px;
}
.kpi-definition-tooltip-content ul {
  margin: 8px 0 0;
  padding-left: 16px;
}

.form-history-table .table-header-row {
  background: #f3f5f8;
}
.form-history-table .data-grid-header-cell {
  background: #f3f5f8;
  color: #3f4757;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
  padding: 12px 10px;
  border-bottom: 1px solid #dfe2ea;
  text-align: center;
  white-space: nowrap;
}
.form-history-table .data-grid-header-cell:first-child {
  text-align: left;
}
.form-history-table .MuiTable-root {
  border: 1px solid #dfe2ea;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  border-collapse: separate;
}
.form-history-table .MuiTableRow-root {
  background: #fff;
}
.form-history-table .MuiTableRow-root:nth-of-type(even) {
  background: #f7f8fb;
}
.form-history-table .MuiTableCell-root,
.form-history-table .table-body-cell {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7ee;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.3;
}
.form-history-table .MuiTableCell-root:first-child,
.form-history-table .table-body-cell:first-child {
  text-align: left;
}
.form-history-table .MuiTableRow-root:last-child .MuiTableCell-root,
.form-history-table .MuiTableRow-root:last-child .table-body-cell {
  border-bottom: none;
}

@media (max-width: 1200px) {
  .form-header .form-header__row {
    gap: 16px;
  }
}