:root {
  --primary-color: #0D80F2;
  --primary-color-lighten-5: #0076c3;
  --primary-color-lighten-10: #007bcd;
  --primary-color-lighten-20: #0086df;
  --primary-color-darken-5: #006ab1;
  --primary-color-darken-10: #0065a7;
  --primary-color-darken-20: #005a95;
  --light-color: #11517d;
  --light-color-backgorund: #eff6fb;
  --secondary-color-x1: #f0f7fb;
  --secondary-color-x2: #f0f7fb;
  --secondary-color-x3: #397ba0;
  --secondary-color-x4: #70a3bf;
  --text-color: #ffffff;

  --primary-color-lighten-60 : rgba(113, 191, 68, 0.4);

  --logo-background: #E0E2EB;
  --display-footer: block;
  --login-logo-width: 400px;
  --new-color: #8F99A3;
  --planned-color: #8F99A3;
  --approved-color: #43840d;
  --assigned-color: #8F99A3;
  --completed-color: #7ed835;
  --expired-color: #D74242;
  --running-color: #C1A30B;
  --major-color: #D74242;
  --minor-color: #8F99A3;
}