:root {

  /* MAIN PALETTE */
  --main-color: #002860;
  --selected-main-color: #0a082084;
  --main-hover-color: #004aad;
  --main-hover-transparency-100: #0000FF19;

  --secondary-color: #0c0c0c;

  --bg-color: #ffffff;
  --font-color: #0c0c0c;
  --error-color: #ff1100;
  --error-color-hover: #b90a0ab0;
  --success-color: #2e7d32;
  --warning-strong-color: #ea580c;

  /* HEADER */
  --header-buttons-color: #a7e3ff;
  --header-box-shadow-color: #FFFFFF33;

  /* SIDEBAR */
  --sidebar-font-color: #ffffff;
  --sidebar-submenu-border-color: #FFFFFF4C;
  --sidebar-scroll-track-color: #FFFFFF19;
  --sidebar-scroll-thumb-color: #FFFFFF4C;
  --sidebar-scroll-thumb-hover: FFFFFF7F;

  /* BUTTONS */
  --btn-bg-color: #002860;
  --btn-secondary-color: #0c0c0c;
  --btn-text-color: #ffffff;

  --btn-green-color: #5abe2b;
  --btn-green-hover-color: #4ca324;
  --btn-blue-color: #002860;
  --btn-blue-hover-color: #023680;
  --btn-orange-color: #e0a1489d;
  --btn-orange-hover-color: #df9226d3;
  --btn-black-color: #404040;
  --btn-black-hover-color: #292929;
  --btn-grey-color: #afadad;
  --btn-grey-hover-color: #d0d0d0;
  --btn-red-color: #ff494fd8;
  --btn-red-hover-color: #e62525;
  --btn-disabled-color: #0000001E;

  /* CARROUSEL */
  --upload-placeholder-color: #f8f9fa;
  --upload-placeholder-border-color: #dee2e6;
  --upload-text-color: #495057;
  --upload-hint-color: #6c757d;

  /* SPINNER */
  --btn-spinner-border: #ffffff;
  --btn-spinner-border-top: #000000;

  /* LOADER */
  --loading-bar-fill-color: #4da9ff49;
  --loading-bar-color: #ECD8D819;

  /* TOASTER */
  --toaster-error-color: #f44336;
  --toaster-warn-color: #ff9800;
  --progress-bar-color: #FFFFFFB2;

  /* TABLE */
  --table-bg-color: #f9fafb8d;
  --table-row-hover: #eef2ff8d;

  /* COLORS */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-grey: #dddddd;
  --color-black-transparency-100: #00000019;
  --color-yellow: #FFFF00FF;


  /* IMAGES */
}