:root {
  --black: #FF000000;
  --white: #FFFFFFFF;

  /* APP THEMES */
  --bg-colour-dark: #113F57;
  --bg-colour: #fafafa;
  
  --edit-text-background: #EBEBEB;
  --silver-background: #E8E8E8;
  --blur-background: #B3000000;
  --faded-small-titles: #33B4DC26;
  --highlighted-off: #A1A1A1;
  --highlighted-on: #076A89;
  --gradient-start: #33B4DC;
  --gradient-end: #0197A5;
  --app-theme-2: #258EB2;
  --app-theme-3: #FB7850;
  --app-theme: #076A89;
  --offline: #FF2600;
  --red-alert: #ca0c0c; /*#ca0c0c,#12400 */
  --online-faded: #34C75933;
  --online: #34C759;
  --selected: #00BCD4;

  /* CATEGORIES */
  --employees: #9E15312F;
  --others: #CDCDCD;

  /* FOR TEXTS AND FONTS */
  --text-small-titles: #33B4DC;
  --text-regular: #6B6B6B;
  --text-header: #076A89;
  --text-white: #FFFFFF;
  --edit-texts-colour: #EBEBEB;
  --font-dark: #3B3B3B;
  --hint: #ACA8A8;

  --light-blue-600: #FF039BE5;
  --light-blue-900: #FF01579B;
  --light-blue-A200: #FF40C4FF;
  --light-blue-A400: #FF00B0FF;
  --black-overlay: #66000000;

  /* Default Colors */
  --headers-colour: #076A89;
  --light-text-colour: #33B4DC;
  --text-colour: #000;
  --text-colour-white: #FFFF;
  --spacer-colour: #D1D1D1;
}