:root {
  --main-color: #6fbf44;
  --main-color-light: #cbffad;
  --main-color-dark: #4f8630;
  --color-obligations: #ce3950;
  --color-obligations-light: #f0c3ca;
  --color-additional: #939021;
  --color-additional-light: #F1F0C0;
  --color-supplemental: #d3ce30;
  --main-border-radius: 6px;
  --input-border-radius: 24px;

  --main-text-color: #252e42;
  --color-warning: #FF8A48;
  --color-warning-light: #ff8a4840;
  --color-info: #448abf;
  --color-info-light: #448abf40;
  --color-danger: #ce3950;
  --color-danger-light: #f0c3ca;
  --color-success-light: #cbffad;
  --color-success: #4f8630;
  --color-text-dark: #252e42;
  --color-text-light: #fff;

  --color-grey1: #8d989e;
  --color-light: #ebf1f4;
  --color-light-2: #ebf1f480;

  --border-color: #b5c4cb;
  --border-color-2: #cadae2;
  --color-table-odd: #f9fbfc;
  /* --color-table-even: #ebf1f480; */
  --color-table-even: #f5f8fa;
  
  --font-main: 'Roboto', 'Calibri', sans-serif;

  --box-shadow-grey: 3px 3px 6px -4px var(--color-grey1) !important;
  --box-shadow-green: 3px 3px 6px -4px var(--main-color) !important;
  --box-shadow-red: 3px 3px 6px -4px var(--color-warning) !important;

  --topbar-label-visibility: visible ;
  --topbar-label-visibility-hover: visible ;

--dropdown-bg-color: #ebf1f4;
--dropdown-text-color: var(--main-text-color);
}