:root {
  --primary-color: #71bf44;
  --primary-color-lighten-5: #78c24e;
  --primary-color-lighten-10: #80c657;
  --primary-color-lighten-20: #8ecc6b;
  --primary-color-darken-5: #6bb73f;
  --primary-color-darken-10: #65ae3b;
  --primary-color-darken-20: #5a9a35;
  --primary-color-lighten-60: rgba(113, 191, 68, 0.4);
  --light-color: #879d7f;
  --light-color-backgorund: #f2f5f1;
  --secondary-color-x1: #8ebb53;
  --secondary-color-x2: #f8fbf5;
  --secondary-color-x3: #9fb199;
  --secondary-color-x4: #c9d9bf;
  --text-color: #ffffff;
  --logo-background: #515151;
  --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;
}