:root {
  color-scheme: light;
  --new-black: #120034;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #7e8299;
  --gray-dark: #3f4254;
  --primary: #3699ff;
  --secondary: #e4e6ef;
  --success: #1bc5bd;
  --info: #8950fc;
  --warning: #ffa800;
  --danger: #f64e60;
  --light: #f3f6f9;
  --dark: var(--new-black);
  --white: #ffffff;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;

  /* COLORS */
  --theme-primary: #5800FF;
  --theme-brightness-hover: 97%;

  /* Edit start */
  /* Body bg color */
  --body-bg: rgb(229,237,244);
  --card-bg: #ffffff;
  --card-header-border-bottom: #ebedf3;

  /* Fonts color */
  --link: var(--theme-primary);

  /* Big navbar */
  --navbar-bg: #21295B;
  --navbar-bg-active: var(--theme-primary);
  --navbar-text: #ffffff;
  --navbar-text-active: #ffffff;
  --navbar-separator-color: rgba(255, 255, 255, 0.2);

  /* small navbar ex:  */
  --sm-navbar-text: #7e8299;
  --sm-navbar-text-active: var(--theme-primary);
  --sm-navbar-border-hover: var(--theme-primary);
  --sm-navbar-border-active: var(--theme-primary);

  /* Patient list */
  --datatable-head: #b5b5c3;
  --datatable-active: var(--theme-primary);
  --datatable-sum-color: #7e8299;
  --datatable-page-link: #7e8299;
  --datatable-page-link-active: #ffffff;
  --datatable-page-link-bg: #f3f6f9;
  --datatable-page-link-bg-active: var(--theme-primary);
  --dropdown-menu-bg: #ffffff;

  --form-control-border: #e4e6ef;
  --form-control-bg: #ffffff;
  --form-control-bg-focus: #ffffff;
  --form-control-text-focus: var(--new-black);
  --form-control-placeholder: #b5b5c3;
  --form-control-readonly: #f3f6f9;

  /* Consultation */
  /* consultation col and customization col */
  --consultation-col-bg: #eff0f6; /* Also used in medical record bg */
  --consultation-card-header-bg: #ffffff;
  --consultation-border-color: var(--consultation-col-bg);
  --consultation-form-bg: #ffffff;
  /* --consultation-card-bg: is the same as --card-bg */
  --consultation-label-color: var(--new-black);
  --consultation-preview-label-color: var(--new-black);
  --medical-record-important-bg: rgba(254, 254, 229, 1);
  --medical-record-important: rgba(106, 83, 0, 1);
  /* Buttons and switches */
  --btn-clean: #b5b5c3;
  --btn-clean-hover: var(--theme-primary);
  --btn-clean-bg: transparent;

  --btn-light: rgba(18, 0, 52, 1);
  --btn-light-bg: #f3f6f9;
  --btn-light-border: #f3f6f9;

  --btn-light-primary: var(--theme-primary);
  --btn-light-primary-bg: rgb(235,224,255);

  --btn-light-dark: #120034;
  --btn-light-dark-hover: #ffffff;
  --btn-light-dark-bg: #d1d3e0;
  --btn-light-dark-bg-hover: #120034;

  --btn-light-success: rgba(0, 153, 77, 1);
  --btn-light-success-hover: #ffffff;
  --btn-light-success-bg: rgba(229, 255, 242, 1);
  --btn-light-success-bg-hover: rgba(0, 153, 77, 1);

  --btn-light-warning: rgba(106, 83, 0, 1);
  --btn-light-warning-hover: #ffffff;
  --btn-light-warning-bg: rgba(254, 254, 229, 1);
  --btn-light-warning-bg-hover: rgba(106, 83, 0, 1);

  --btn-light-danger: rgba(228, 1, 115, 1);
  --btn-light-danger-hover: #ffffff;
  --btn-light-danger-bg: rgba(255, 229, 242, 1);
  --btn-light-danger-bg-hover: rgba(228, 1, 115, 1);

  --btn-preview-hover: #ffffff;
  --btn-preview-bg: #eee8e5;
  --btn-preview-bg-hover: #faad13;

  --switch-bg-bg: #ebedf3;
  --switch-btn-bg: var(--theme-primary);
  --switch-btn-text: #ffffff;
  --switch-empty-bg: #ffffff;

  /* Alerts */
  --alert-secondary: var(--new-black);
  --alert-secondary-bg: #eff0f6;
  --alert-secondary-border: #eff0f6;

  --alert-light-warning: rgba(106, 83, 0, 1);
  --alert-light-warning-bg: rgba(254, 254, 229, 1);

  --alert-light-success: rgba(0, 153, 77, 1);
  --alert-light-success-bg: rgba(229, 255, 242, 1);

  --alert-light-danger: rgba(228, 1, 115, 1);
  --alert-light-danger-bg: rgba(255, 229, 242, 1);

  /* Labels in invoices list */
  --label-success: rgba(0, 153, 77, 1);
  --label-success-bg: rgba(229, 255, 242, 1);
  --label-danger: rgba(228, 1, 115, 1);
  --label-danger-bg: rgba(255, 229, 242, 1);
  --label-warning: rgba(106, 83, 0, 1);
  --label-warning-bg: rgba(254, 254, 229, 1);
  --icons-default-grey: #b5b5c3;

  /* Select 2 */
  --select2-placeholder: #b5b5c3;
  --select2-border: #e4e6ef;
  --select2-border-focus: var(--theme-primary);
  --select2-bg: #fff;
  --select2-highlighted: var(--new-black);
  /* --select2-dropdown-bg: #FFFFFF;  Il est dans plugins.bundles.css */

  /* Statistics */
  --stats-table-bg: white;
  --stats-hover: var(--theme-primary);
  --stats-border-hover: var(--theme-primary);
  --stats-container-table-bg: rgba(143, 191, 224, 0.1);
  --table-first-row: white;

  /* Preferences Mail */
  --email-card-bg: #eff0f6;
  --email-card-link: rgb(0, 147, 238);

  --heart-color: #e40173;
  --edit-card-description: #666590;
  --previous-btn: #b5b5c3;

  --text-dark-50: #7e8299;

  /* Simulator */
  --tr-recap-highlight: #f1f3fe;
  --tr-striped-odd: rgb(247, 248, 250);

  /* Quill */
  --quill-background-fill: rgb(0, 124, 62);
  --quill-background: rgba(0, 153, 77, 0.60);
  --quill-background-important-fill: rgba(228, 1, 115);
  --quill-background-important: rgba(228, 1, 115, 0.60);
}