:root {
  /** Main/General **/
  --main-font: Product Sans;
  --headline-font: 'Fira Sans', sans-serif;
  --fontawesome: "Font Awesome 6 Pro";
  --fontawesome-brands: "Font Awesome 6 Brands";
  --headline-font-bold: 'Fira Sans, Bold';
  --text-size: 12px;
  --headings-txt-size: 13px;
  --title-text-size: 20px;
  --highlight-color: #0cb4c5;
  --highlight-bg-color: #002569;
  --main-theme-color: #002569;
  --theme-bg-color: #fff;
  --linear-gradient-bg: linear-gradient(10deg, rgba(240, 254, 255, 0.47) 0%, rgba(248, 252, 252, 0.76) 100%);
  --subheader-bg-color: #f8f9fa;
  --secondary-bg-color: #EDF4FB;
  --hyperlink-color: #0075EA;
  --main-txt-color: #191919;
  --help-txt-color: #a7adb4;
  --label-txt-color: #758792;
  --box-shadow: 0px 0px 1px 1px #dcdcdc;
  --shadow-color: #dcdcdc;
  --strong-shadow-color: rgb(0 37 105 / 23%);
  --inset-box-shadow: inset 0px 0px 4px 1px rgb(221 236 237);
  --highlighted-box-shadow: 0px 0px 6px 0px var(--strong-shadow-color);
  --border-radius: 2px;
  --border-color: #dee2e6;
  --container-bg-color: #fff;
  --container-border-color: #d1dce7;
  --scrollbar-bg-color: #b7c2cd;
  --scrollbar-color: #758792;
  --fadein-bg-color: rgb(30 54 89 / 42%);
  --yellow: #FFCE07;
  --selected-item-bg-color: #e2f5f7;
  --disabled-btn-bg-color: #bcc1ce;
  /** Fields (input, select, textaea..) **/
  --field-color: #0cb4c5;
  --field-bg-color: #0cb4c5;
  --field-padding: 3px 8px;
  --field-focus-outline-color: #0cb4c5;
  --select-arrow-down: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 48 48' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb%2812,180,197%29' d='M14.83 16.42l9.17 9.17 9.17-9.17 2.83 2.83-12 12-12-12z'/%3E%3Cpath d='M0-.75h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
  --select-arrow-up: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 48 48' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb%2812,180,197%29' d='M14.83 30.83l9.17-9.17 9.17 9.17 2.83-2.83-12-12-12 12z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
  --placeholder-color: #6c757d;
  /** Buttons **/
  --btn-color: #002569;
  --btn-bg-color: #fff;
  --btn-padding: 3px 8px;
  --main-icon-color: #0cb4c5;
  --faded-icon-color: #a6b3c2;
  --error-outline-color: #c71111;
  --warning-outline-color: #c71111;
  --hover-outline-color: #c71111;
  /** System Messages **/
  --prime-toast-opacity: .9;
  --attention-color: #c71111;
  --attention-color_2: #C82323;
  --attention-color_2_alt: #C82323;
  --attention-bg-color: #c71111;
  --attention-bg-color_2: rgb(255 145 145 / 20%);
  --attention-bg-color_2_alt: #FFDBDB;
  --attention-border-color_2: #FFD0CE;
  --success-color: #24d424;
  --success-color_2: #1EA97C;
  --success-color_2_alt: #0C8A19;
  --success-bg-color: #24d424;
  --success-bg-color_2: #F1FDF4;
  --success-bg-color_2_alt: #DAF7DD;
  --success-border-color_2: #76DB9B;
  --warning-color: #fd6619;
  --warning-color_2: #EAB308;
  --warning-color_2_alt: #DA9F07;
  --warning-bg-color: #fd6619;
  --warning-bg-color_2: #FEFCE9;
  --warning-bg-color_2_alt: #FCEABD;
  --warning-border-color_2: #F6DE95;
  --info-color_2: #3B82F6;
  --info-color_2_alt: #0075EA;
  --info-bg-color_2: #F5F9FF;
  --info-bg-color_2_alt: #EDF4FB;
  --info-border-color_2: #ABC9FB;
  /** Tables **/
  --row-text-color: #f5f8fd;
  --row-help-text-color: #f5f8fd;
  --row-border-color: #dee2e6;
  --row-hover-bg-color: #f5f8fd;
  --selectedrow-bg-color: #f5f8fd;
  --selectedrow-text-color: #f5f8fd;
  --selectedrow-help-txt-color: #f5f8fd;
  --selectedrow-border-color: #f5f8fd;
  --listview-thead-txt-color: #fff;
  --listview-thead-bg-color: #002569;
  --listview-thead-icon-color: #0cb4c5;
  --new-row-bg-color: #59C14C26;
  --deleted-row-bg-color: #C7111126;

  --deleted-row-bg-color_v2: #F0F1F2;
  --thead-txt-color_v2: #343A40;
  --thead-bg-color_v2: var(--container-bg-color);
  --tbody-txt-color_v2: #434850;
  --tbody-bg-color_v2: var(--container-bg-color);
  /** Navigation Menu **/
  --menu-headline-color: #002569;
  --menu-headline-active-bg-color: #002569;
  --menu-link-color: #fff;
  --menu-icon-btn-color: #fff;
  --menu-userbox-bg-color: #fff;
  --menu-bookmark-btn-color: #FFCE07;
  --menu-select-lang-bg-color: #e9ecef;
  /** Deashboard Widgets **/
  --devices-widget-border-color: rgba(216, 106, 10, 0.04);
  --devices-widget-color: rgb(216, 106, 10);
  --apps-widget-border-color: rgba(21, 17, 202, 0.04);
  --apps-widget-color: rgba(21, 17, 202, 1);
  --ip-widget-border-color: rgba(4, 210, 69, 0.04);
  --ip-widget-color: linear-gradient(90deg, #43db43 0%, #15b815 80%) no-repeat;
  --datacenter-widget-border-color: rgba(170, 4, 210, 0.04);
  --datacenter-widget-color: rgba(170, 4, 210, 1);
  --system-widget-border-color: rgba(4, 161, 210, 0.04);
  --system-widget-color: rgba(4, 161, 210, 1);
  /** Inverse UI (light on dark) **/
  --inverse-bg-color: #002569;
  --inverse-txt-color: #fff;
  --inverse-highlight-color: var(--highlight-color);
  --inverse-border-color: #fff;
  --inverse-bg-gardient-color: #fff;
  /** Uniques/Oneoffs **/
  --app-logo-url: url(../../graphics/base_images/d42-rgb-reverse.png);
  --pagefadout-bg-color: rgba(0, 28, 90, 0.42);
  --gardient-banner-bg-icon: #fff;
  --gardient-theme-bg-color: linear-gradient(180deg, #e9eaef 0%, white 48%) no-repeat;
  --loginpage-bg: linear-gradient(180deg, #ffffff 0%, #e5e4e9 48%) no-repeat;
  --login-sidebar-bg: url(/static/graphics/base_images/sidebar-bg.png);
  --diagram-outline-color: #c2c2c2;
  --selected-btn-bg-color: #091f47;
  /** Diagrams **/
  --diagram-selection-color: #0d94e2;
  --diagram-highlight-color: #0cb4c5;
  --diagram-appfocus: #fff;
  --diagram-appfocus-subgroup: #fff;
  --border-semi-transparent: #dee2e670;
  --diagram-txt-color: #000;
  --diagram-popup-bg-color: #F0F1F2;

  /** PrimeVue Theme **/
  --theme-bg-color_v2: #fff;
  --dark-bg-color: #002569;
  --body-bg_v2: #FFF;
  --body-base-font_v2: 400 16px/22px 'Product Sans';
  --body-small_bold-font_v2: 700 14px/18px 'Product Sans';
  --body-small-font_v2: 400 14px/18px 'Product Sans';
  --font-h6_v2: 600 20px/26px 'Fira Sans';
  --font-h5_bold: 700 24px/31px 'Fira Sans, Bold';
  --help-txt-color_v2: #6A7078;
  --help-txt-color_v2_lighter: #a7adb4;
  --border-color_v2: #E3E5E8;
  --prime-divider-color: #B2B7BD;
  --prime-primary-color: #0075EA;
  --prime-primary-txt-color: #FFFFFF; /* default Lara */
  --prime-txt-color: #434850;  /* color of values and labels in edit mode in form panels */
  --prime-txt-secondary-color: #6b7280; /* default Lara */
  --prime-invalid-field-border-color: #E24C4C;
  --prime-highlight-text-color: #1D4ED8;
  --prime-highlight-bg: #EFF6FF;
  --prime-mask-bg: #0000004D;
  --prime-input-txt-color: #434850;
  --label-edit-on-txt-color_v2: #434850;
  --label-edit-off-txt-color_v2: #6A7078;
  --prime-input-placeholder-color: #6c757d;
  --prime-input-icon-color: #6C757D;
  --prime-input-bg: #FFFFFF;
  --prime-input-border-color: #CED4DA;
  --prime-focus-outline-color: #BFDBFE;
  --prime-input-overlay-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  --prime-input-overlay-border-color: #CED4DA;
  --prime-input-list-bg: #FFFFFF;
  --prime-input-list-item-bg-hover: #E9ECEF;
  --prime-input-list-item-txt-color: #495057;
  --prime-input-list-item-txt-hover-color: #42474F;
  --prime-input-list-item-bg-focus: #e5e7eb;
  --prime-input-list-header-border-color: #DEE2E6;
  --prime-input-list-header-bg: #F8F9FA;
  --prime-chip-bg: #DEE2E6;
  --prime-action-icon-hover-color: #374151;
  --prime-action-icon-hover-bg: #f3f4f6;
  --prime-checkbox-active-hover-bg: #2563EB;
  --prime-radiobutton-active-hover-bg: var(--prime-checkbox-active-hover-bg);
  --prime-input-switch-slider-off-bg: #B2B7BD;
  --prime-input-switch-handle-off-bg: #FFFFFF;
  --prime-input-switch-slider-off-hover-bg: #6A7078;
  --prime-input-switch-slider-on-hover-bg: #2563EB;
  --prime-input-switch-handle-on-bg: #FFFFFF;
  --prime-disabled-opacity: 0.6;
  --prime-overlay-content-border: 0 none;
  --prime-overlay-container-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  --prime-panel-shadow: var(--prime-overlay-container-shadow);
  --prime-panel-bg-color: #FFFFFF;
  --prime-panel-header-txt-color: #002569;
  --prime-panel-footer-txt-color: #6A7078; /* it's not part of default Lara */
  --prime-dialog-header-text-color: #495057;
  --prime-dialog-text-color: #6A7078; /* it's not part of default Lara */
  --prime-primary-button-hover-bg: #2563EB;
  --prime-primary-button-active-bg: rgba(59, 130, 246, 0.16);
  --prime-primary-button-text-active: #3B82F6;
  --prime-secondary-button-bg: var(--prime-primary-button-active-bg);
  --prime-secondary-button-text: var(--prime-primary-button-text-active);
  --prime-secondary-button-hover-bg: var(--prime-secondary-button-bg);
  --prime-tertiary-button-color: #002569;
  --prime-tertiary-button-active: #1B1C1F;
  --prime-calendar-bg: #FFFFFF;
  --prime-calendar-txt-color: #4b5563;
  --prime-calendar-cell-date-hover-bg: var(--prime-action-icon-hover-bg);
  --prime-calendar-cell-date-today-bg: #d1d5db;
  --prime-calendar-cell-date-today-txt-color: var(--prime-calendar-txt-color);
  --prime-tooltip-bg: #495057;
  --prime-tooltip-txt-color: #FFFFFF;

  --prime-tabview-nav-bg-color: #FFFFFF;
  --prime-tabview-nav-border-color: #DDDDDD; /* custom */
  --prime-tabview-header-bg-color: #FFFFFF;
  --prime-tabview-header-txt-color: #6b7280;
  --prime-tabview-header-hover-border-color: #9ca3af;
  --prime-tabview-header-hover-txt-color: var(--prime-tabview-header-txt-color);
  --prime-tabview-header-active-border-color: #002569; /* custom */
  --prime-tabview-header-active-txt-color: #002569; /* custom */

  --prime-menu-bg: #FFFFFF;
  --prime-menu-border-color: var(--border-color_v2);
  --prime-menu-txt-color: var(--prime-txt-color);
  --prime-menuitem-icon-color: #6A7078; /* custom */
  --prime-menuitem-hover-bg: var(--prime-input-list-item-bg-hover);
  --prime-menuitem-hover-icon-color: var(--prime-menuitem-icon-color);
  --prime-menuitem-focus-bg: #e5e7eb;
  --prime-menuitem-active-txt-color: #1B1C1F; /* custom */
  --prime-menuitem-active-icon-color: #002569; /* custom */
  --prime-menuitem-active-bg: #EDF4FB; /* custom */
  --prime-overlay-menu-border: 1px solid #E3E5E8; /* custom */
  --prime-overlay-menu-shadow: 0px 6px 12px rgba(39, 43, 48, 0.05); /* custom */

  --prime-paginator-bg: #FFFFFF;
  --prime-paginator-txt-color: #6C757D; /* custom */
  --prime-paginator-element-hover-bg: #f3f4f6;
  --prime-paginator-element-icon-hover-bg: var(--prime-input-icon-color);

  --prime-table-header-bg: #FFFFFF; /* custom */
  --prime-table-header-cell-bg: #FFFFFF; /* custom */
  --prime-table-header-cell-hover-bg: #f3f4f6;
  --prime-table-header-txt-color: #343A40; /* custom */
  --prime-table-cell-border-color: #DEE2E6; /* custom */
  --prime-table-header-cell-icon-color: var(--prime-table-header-txt-color);
  --prime-table-cell-bg: #FFFFFF;
  --prime-table-cell-txt-color: #343A40; /* custom */
  --prime-table-footer-bg: #FFFFFF; /* custom */

  --prime-splitter-gutter-bg: #f9fafb;
  --prime-splitter-gutter-handle-bg: #e5e7eb;

  --prime-slider-bg: #e5e7eb;
  --prime-slider-handle-bg: #FFFFFF;
}