:root {
  --mi-primary: #d00e3d;
  --mi-secondary: #000000;
  --mi-headeborder: #d00e3d;
  /* active menu */
  --mi-tertiary: #d8e1ef;
  /* end active menu */
  /* --mi-tertiary-light: rgba(230, 230, 230, 0.28); */
  --mi-tertiary-light: #b3bcd3;
  /* menu hover */
  --mi-tertiary-light-hover: #d8e1ef;
  --mi-sidebar-buttons-hover: rgb(200, 200, 200);
  --mi-sidebar-buttons-activetext: white;
  --mi-sidebar-buttons-activebackground: #000000;
  --mi-themebutton-bg: #000000;
  --mi-themebutton-hover: white;
  --mi-themebutton-text: white;
  --mi-themebutton-texthover: #000000;
  --mi-themebutton-border: #000000;
  /* outline button */
  --mi-outlinebutton-bg: white;
  --mi-outlinebutton-bghover: #b3bcd3;
  --mi-outlinebutton-border: #b3bcd3;
  --mi-outlinebutton-text: #b3bcd3;
  --mi-outlinebutton-texthover: white;
  /* end menu hover */
  --mi-body-bg: white;
  --mi-body-text: #000000;
  /* icons */
  --mi-body-text-light: #b3bcd3;
  /* endicons */
  /* Color used for borders and dividers across the interface */
  --mi-border: rgb(230, 230, 230);
  /* Text color for headings (e.g., H1, H2, H3). */
  --mi-headings: #52648e;
  /* Text color for items within the header */
  --mi-header-text: var(--mi-body-text);
  --mi-buttons: #d00e3d;
  --mi-red-500: var(--mi-secondary);
  /* Background color of the main content area. */
  --mi-main-bg: rgb(252, 252, 252);
  /* Text color for the main content area. */
  --mi-main-text: var(--mi-body-text);
  /* Background color of the sidebar. */
  --mi-sidebar-bg: rgb(230, 230, 230);
  /* Text color for general sidebar content. */
  --mi-sidebar-text: #000000;
  /* Text color for links in the sidebar. */
  --mi-sidebar-link: var(--mi-body-text);
  --mi-button-radius: 500px;
  --mi-breadcrumb: #b3bcd3;
  --mi-tablerow-bg: rgb(252, 252, 252);
  --mi-pageheader-left: rgb(255, 255, 255);
  --mi-pageheader-right: rgb(205, 224, 255);
  --mi-previewsection: rgb(248, 248, 248);
  --mi-nameletters: #000;
  --mi-links: #000;
  --button-desiabled-bg: rgba(230, 230, 230, 0.45);
  --mi-dotwidth: 0em;
  --mi-display-logo-ai: none;
  --modal-header-bg: #cde0ff;
  --modal-close-border: #52648e;
  --modal-close-text: #52648e;
  --widget-border-radius: 0px;
  --sentiment-text: #52648e;
  --sentiment-bg: rgb(248, 248, 248);

  /* White Label Color System */
  --wl-foreground: #59606c;
  --wl-background: #f6f6f6;
  --wl-headings: #000000;
  --wl-header: #fff;
  --wl-header-height: 5rem;
  --wl-header-foreground: #1a1a1a;
  --wl-footer: #fff;
  --wl-footer-foreground: var(--wl-foreground);
  --wl-primary: #d00e3d;
  --wl-primary-light: #f5e8eb;
  --wl-primary-dark: #b60a34;
  --wl-primary-foreground: #ffffff;
  --wl-secondary: #d00e3d;
  --wl-secondary-dark: #b60a34;
  --wl-secondary-light: #f5e8eb;
  --wl-secondary-foreground: #ffffff;
  --wl-muted: #f6f6f6;
  --wl-muted-foreground: #1a1a1a;
  --wl-border: #d3d3d3;
  --wl-border-input: #d3d3d3;
  --wl-input-focus: var(--wl-primary);
  --wl-input-background: #ffffff;
  --wl-input-background-focus: #ffffff;
  --wl-input-foreground: var(--wl-headings);
  --wl-input-foreground-focus: var(--wl-headings);
  --wl-input-placeholder: #59606c;

  --wl-font-family: "Roobert";

  --wl-border-radius-none: 0px;
  --wl-border-radius-sm: 0px;
  --wl-border-radius-DEFAULT: 0px;
  --wl-border-radius-md: 0px;
  --wl-border-radius-lg: 0px;
  --wl-border-radius-xl: 0px;
  --wl-border-radius-2xl: 0px;
  --wl-border-radius-3xl: 0px;
  --wl-border-radius-full: 9999px;

  --wl-button-radius: var(--wl-border-radius-none);
  --wl-button-radius-lg: var(--wl-border-radius-none);
  --wl-input-radius: var(--wl-border-radius-none);
  --wl-input-radius-lg: var(--wl-border-radius-none);
}

@font-face {
  font-family: "Roobert";
  src:
    url("/static/_whitelabel/fonts/_themes/adp/roobert-light-webfont.woff2") format("woff2"),
    url("/static/_whitelabel/fonts/_themes/adp/roobert-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roobert";
  src:
    url("/static/_whitelabel/fonts/_themes/adp/roobert-regular-webfont.woff2") format("woff2"),
    url("/static/_whitelabel/fonts/_themes/adp/roobert-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roobert";
  src:
    url("/static/_whitelabel/fonts/_themes/adp/roobert-medium-webfont.woff2") format("woff2"),
    url("/static/_whitelabel/fonts/_themes/adp/roobert-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roobert";
  src:
    url("/static/_whitelabel/fonts/_themes/adp/roobert-semibold-webfont.woff2") format("woff2"),
    url("/static/_whitelabel/fonts/_themes/adp/roobert-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Roobert";
  src:
    url("/static/_whitelabel/fonts/_themes/adp/roobert-bold-webfont.woff2") format("woff2"),
    url("/static/_whitelabel/fonts/_themes/adp/roobert-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roobert";
  src:
    url("/static/_whitelabel/fonts/_themes/adp/roobert-heavy-webfont.woff2") format("woff2"),
    url("/static/_whitelabel/fonts/_themes/adp/roobert-heavy-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}