:root {
  /*--primary-color : #004f8d;10b4f9*/
  --primary-color : #4CA988;
  --primary-color-lighten-5 : #71bfa3;
  --primary-color-lighten-10 : #8ccbb5;
  --primary-color-lighten-20 : #b4ddcf;
  --primary-color-lighten-60 : #ddf0e9;
  --primary-color-darken-5 : #408e72;
  --primary-color-darken-10 : #34735c;
  --primary-color-darken-20 : #214a3c;
  --light-color: #7f8c9d;
  --light-color-backgorund: #f1f3f5;
  --secondary-color-x1: #5374bb;
  --secondary-color-x2: #f5f8fb;
  --secondary-color-x3: #99a3b1;
  --secondary-color-x4: #bfc9d9;
  --text-color: #ffffff;
  --logo-background: #4CA988;
  --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;
}