:root {
  --primary-color : #1476C6;
  --primary-color-lighten-5 : #4291d1;
  --primary-color-lighten-10 : #89bae2;
  --primary-color-lighten-20 : #a0c1df;
  --primary-color-lighten-60 : rgba(68, 130, 191, 0.4);
  --primary-color-darken-5 : #105e9e;
  --primary-color-darken-10 : #0c4676;
  --primary-color-darken-20 : #072c4a;
  --light-color: #7f8e9d;
  --light-color-backgorund: #f1f3f5;
  --secondary-color-x1: #5397bb;
  --secondary-color-x2: #f5f9fb;
  --secondary-color-x3: #99a7b1;
  --secondary-color-x4: #bfcdd9;
  --text-color: #ffffff;
  --logo-background: #1476C6;
  --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;
}