:root {
  --color-primary-50: #e2f7f0;
  --color-primary-100: #b7ead9;
  --color-primary-200: #88dcc0;
  --color-primary-300: #58cea7;
  --color-primary-400: #34c494;
  --color-primary-500: #10b981;
  --color-primary-600: #0eb279;
  --color-primary-700: #0caa6e;
  --color-primary-800: #09a264;
  --color-primary-900: #059351;
  --color-primary-light: var(--color-primary-200);
  --color-primary-main: var(--color-primary-500);
  --color-primary-dark: var(--color-primary-800);
  --color-primary: var(--color-primary-main);
  --color-primary-contrast: #fff;

  --color-info-50: #e0f2fa;
  --color-info-100: #b3def2;
  --color-info-200: #80c9ea;
  --color-info-300: #4db3e1;
  --color-info-400: #26a2da;
  --color-info-500: #0092d4;
  --color-info-600: #008acf;
  --color-info-700: #007fc9;
  --color-info-800: #0075c3;
  --color-info-900: #0063b9;
  --color-info-light: var(--color-info-200);
  --color-info-main: var(--color-info-500);
  --color-info-dark: var(--color-info-800);
  --color-info: var(--color-info-main);
  --color-info-contrast: #fff;

  --color-success-50: var(--color-primary-50);
  --color-success-100: var(--color-primary-100);
  --color-success-200: var(--color-primary-200);
  --color-success-300: var(--color-primary-300);
  --color-success-400: var(--color-primary-400);
  --color-success-500: var(--color-primary-500);
  --color-success-600: var(--color-primary-600);
  --color-success-700: var(--color-primary-700);
  --color-success-800: var(--color-primary-800);
  --color-success-900: var(--color-primary-900);
  --color-success-light: var(--color-primary-light);
  --color-success-main: var(--color-primary-main);
  --color-success-dark: var(--color-primary-dark);
  --color-success: var(--color-primary);
  --color-success-contrast: var(--color-primary-contrast);

  --color-warning-50: #fef7e4;
  --color-warning-100: #fcebbc;
  --color-warning-200: #fbdd8f;
  --color-warning-300: #f9cf62;
  --color-warning-400: #f7c541;
  --color-warning-500: #f6bb1f;
  --color-warning-600: #f5b51b;
  --color-warning-700: #f3ac17;
  --color-warning-800: #f2a412;
  --color-warning-900: #ef960a;
  --color-warning-light: var(--color-warning-200);
  --color-warning-main: var(--color-warning-500);
  --color-warning-dark: var(--color-warning-800);
  --color-warning: var(--color-warning-main);
  --color-warning-contrast: #fff;

  --color-error-50: #fae3e1;
  --color-error-100: #f2b9b3;
  --color-error-200: #ea8a80;
  --color-error-300: #e15b4d;
  --color-error-400: #da3827;
  --color-error-500: #d41501;
  --color-error-600: #cf1201;
  --color-error-700: #c90f01;
  --color-error-800: #c30c01;
  --color-error-900: #b90600;
  --color-error-light: var(--color-error-200);
  --color-error-main: var(--color-error-500);
  --color-error-dark: var(--color-error-800);
  --color-error: var(--color-error-main);
  --color-error-contrast: #fff;

  --color-lavendar-50: #f1edfd;
  --color-lavendar-100: #dcd1f9;
  --color-lavendar-200: #c5b3f5;
  --color-lavendar-300: #ad94f1;
  --color-lavendar-400: #9c7dee;
  --color-lavendar-500: #8a66eb;
  --color-lavendar-600: #825ee9;
  --color-lavendar-700: #7753e5;
  --color-lavendar-800: #6d49e2;
  --color-lavendar-900: #5a38dd;
  --color-lavendar-light: var(--color-lavendar-200);
  --color-lavendar-main: var(--color-lavendar-500);
  --color-lavendar-dark: var(--color-lavendar-800);
  --color-lavendar: var(--color-lavendar-main);
  --color-lavendar-contrast: #fff;

  --color-blush-50: #f9eaf0;
  --color-blush-100: #f3c9d9;
  --color-blush-200: #eda6c0;
  --color-blush-300: #e782a6;
  --color-blush-400: #e16793;
  --color-blush-500: #dc4c80;
  --color-blush-600: #d84578;
  --color-blush-700: #d33c6d;
  --color-blush-800: #ce3363;
  --color-blush-900: #c52450;
  --color-blush-light: var(--color-blush-200);
  --color-blush-main: var(--color-blush-500);
  --color-blush-dark: var(--color-blush-800);
  --color-blush: var(--color-blush-main);
  --color-blush-contrast: #fff;

  --color-tangerine-50: #feece0;
  --color-tangerine-100: #fed1b3;
  --color-tangerine-200: #fdb280;
  --color-tangerine-300: #fc934d;
  --color-tangerine-400: #fb7b26;
  --color-tangerine-500: #fa6400;
  --color-tangerine-600: #f95c00;
  --color-tangerine-700: #f95200;
  --color-tangerine-800: #f84800;
  --color-tangerine-900: #f63600;
  --color-tangerine-light: var(--color-tangerine-200);
  --color-tangerine-main: var(--color-tangerine-500);
  --color-tangerine-dark: var(--color-tangerine-800);
  --color-tangerine: var(--color-tangerine-main);
  --color-tangerine-contrast: #fff;

  --color-mustard-50: #f9f2e3;
  --color-mustard-100: #efdeb9;
  --color-mustard-200: #e5c88b;
  --color-mustard-300: #dab25d;
  --color-mustard-400: #d2a23a;
  --color-mustard-500: #ca9117;
  --color-mustard-600: #c58914;
  --color-mustard-700: #bd7e11;
  --color-mustard-800: #b7740d;
  --color-mustard-900: #ab6207;
  --color-mustard-light: var(--color-mustard-200);
  --color-mustard-main: var(--color-mustard-500);
  --color-mustard-dark: var(--color-mustard-800);
  --color-mustard: var(--color-mustard-main);
  --color-mustard-contrast: #fff;

  --color-pistachio-50: #f3f9e6;
  --color-pistachio-100: #e0f1c0;
  --color-pistachio-200: #cce897;
  --color-pistachio-300: #b8df6d;
  --color-pistachio-400: #a8d84d;
  --color-pistachio-500: #99d12e;
  --color-pistachio-600: #91cc29;
  --color-pistachio-700: #86c623;
  --color-pistachio-800: #7cc01d;
  --color-pistachio-900: #6bb512;
  --color-pistachio-light: var(--color-pistachio-200);
  --color-pistachio-main: var(--color-pistachio-500);
  --color-pistachio-dark: var(--color-pistachio-800);
  --color-pistachio: var(--color-pistachio-main);
  --color-pistachio-contrast: #fff;

  --color-azure-50: #e5f4f9;
  --color-azure-100: #bde4f1;
  --color-azure-200: #92d3e8;
  --color-azure-300: #66c1df;
  --color-azure-400: #45b3d8;
  --color-azure-500: #24a6d1;
  --color-azure-600: #209ecc;
  --color-azure-700: #1b95c6;
  --color-azure-800: #168bc0;
  --color-azure-900: #0d7bb5;
  --color-azure-light: var(--color-azure-200);
  --color-azure-main: var(--color-azure-500);
  --color-azure-dark: var(--color-azure-800);
  --color-azure: var(--color-azure-main);
  --color-azure-contrast: #fff;

  --border-color: #E4E4E7;
  --background-color-beige: #fbfcf6;
  --background-color-grey: #f5f5f5;
  --background-color: #f5f5f5;

  --mobile-navbar-height: 50px;
  --lead-sidebar-width: 330px;

  --breakpoint-sm: 640px;
  --breakpoint-md: 1280px;
  --breakpoint-lg: 1536px;
}

@media (min-width: 900px) {
  :root {
    --mobile-navbar-height: 0px;
  }
}

@media (min-width: 1280px) {
  :root {
    --lead-sidebar-width: 380px;
  }
}


body {
  background-color: var(--background-color-beige);
}

.prettyScrollbar {
  scrollbar-width: thin;
  scrollbar-color: #aaa transparent;
}

.ellipsisText,
.ellipsisText * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .desktopOnly {
    display: none !important;
  }
}

@media (min-width: 901px) {
  .mobileOnly {
    display: none !important;
  }
}

#root {
  min-height: 100vh;
  position: relative;
  background-color: var(--background-color-beige);
}

.driver-popover.driverjs-theme .driver-popover-navigation-btns {
  justify-content: end;
}

.driver-popover.driverjs-theme footer button {
  border: none;
  background-color: var(--color-primary) !important;
  padding: 6px 12px;
  color: #ffffff;
  font-size: 14px;
  text-shadow: none;
}

.driver-popover.driverjs-theme footer button:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}