:root {
	
  /***************************/
  /******** General **********/
  /***************************/
  
  --font-family: 'Roboto';
  --font-style: normal;
  --font-weight: 400;
  --border-radius: 0px;
  --label-width: 180px;
  --label-alignment: right;
  --label-font-size: 13px;
  --input-font-size: 14px;
  
  --validation-color: red;
  --conditional-validation-background: rgba(251, 252, 166, 0.58);
  --readonly-color: #e6e6e6;
  --disabled-color: #e6e6e6;
  --default-state-background: #ffffff;
  --default-state-color: #555555;
  --valid-css-class: #7373ff;
  --rejected-css-class: #bf0000;
  --processed-css-class: #006600;

  /***************************/
  /******** Images **********/
  /***************************/
  
  --login-image: url('./assets/images/header/hps-maroc.png');
  --login-image-width: 250px;
  --fr-language-image: url('./assets/images/common/france-flag.png');
  --en-language-image: url('./assets/images/common/english-flag.png');
  --greek-language-image: url('./assets/images/common/greek-flag.png');
  --upper-left-logo: url('./assets/images/header/hps-maroc.png');
  --upper-left-logo-size : contain;
  
  --param-background-image: url('./assets/images/background/parameters.jpg');
  --admin-background-image: url('./assets/images/background/administration.jpg');
  --acquirer-background-image: url('./assets/images/background/acquirer.jpg');
  --fraud-background-image: url('./assets/images/background/fraud.jpg');
  --issuer-background-image: url('./assets/images/background/issuer.jpg');
  --pos-background-image: url('./assets/images/background/pos.jpg');
  --switch-background-image: url('./assets/images/background/switch.jpg');
  --atm-background-image: url('./assets/images/background/atm.jpg');
  
  --home-background-size: 100%;
  --home-background: #363c3f;
  --menu-inactive-icon: url('../images/menu/menu.png');
  --menu-active-icon: url('../images/menu/menu_red.png');
  --recent-operation-image: url('./assets/images/header/recent.png');
  --recent-param-image: url('./assets/images/header/recent_white.png');
  --bookmark-operation-image: url('./assets/images/header/bookmark_black.png');
  --bookmark-param-image: url('./assets/images/header/bookmark_white.png');

  /**************** ONLINE *****************/
  --canvas-background: url('./assets/images/canvas/background/boxes.png');

  /***************************/
  /******** Layouts **********/
  /***************************/
  
  /* Topbar */
  --topbar-background: #ffffff;
  --topbar-hamburger-color: #f90000;
  --topbar-hamburger-background: #4a4f52;
  --topbar-logo-background: #e9e9e9;
  --topbar-link-color: #0e2e6e;
  --screen-title-color: #ffffff;
  --screen-title-background: #0e2e6e;
  --user-menu-color: #0e2e6e;
  --user-menu-background: #e9e9e9;
  --user-menu-hover-color: #ffffff;
  --user-menu-hover-background: #0e2e6e;
  --user-menu-row-hover-background: #dddddd;
  --bookmark-row-background: #ffffff;
  --bookmark-row-hover-background: #dddddd;
  --breadcrumb-background-color: #0e2e6e;
  
  /* Sidebar (menu) */
  --menu-background: #3b3f48;
  --searchbar-background: #ffffff;
  --menu-item-color: #ffffff;
  --menu-item-hover-color: #000000;
  --menu-item-hover-background: #eeeeee;
  --menu-item-active-background: #eef2f5;
  --menu-item-active-color: #080808;

  /* Footer */
  --footer-color: #eaeaea;
  --footer-background: #5b616f;
  
  /* Reduced layouts (responsive) */
  --topbar-reduced-background: #363c3f;
  --topbar-hamburger-reduced-color: #363c3f;  
  --topbar-hamburger-reduced-hover-color: #ffffff;  
  --topbar-logo-reduced-background: #ffffff;
  
  /***************************/
  /******** Widgets **********/
  /***************************/ 
  
  /* Widget Headers  */
  --widget-header-border: #d9d9d9;
  --widget-header-color: #1b1d1f;
  --widget-header-background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);
  
  /* Buttons */
  --button-border: #c0c0c0;
  --button-color: #ffffff;
  --button-background: linear-gradient(to top, #0e2e6e, #133e95);
  --button-hover-border: #c0c0c0;
  --button-hover-background: linear-gradient(to top, #0e2e6e, #1b55cd);
  
  --button-calendar-color: #4a4a4a;
  --button-calendar-background: #e2e2e2;
  --button-calendar-border: c0c0c0;
  --button-calendar-hover-color: #ffffff;
  --button-calendar-hover-background: #707070;
  
  --button-dropdown-color: #ffffff;
  --button-dropdown-border: #a09e9e;
  --button-dropdown-background: #ffffff;
  --button-dropdown-text-color: #000000;
  --button-dropdown-hover-color: #ffffff;
  --button-dropdown-hover-background: #707070;
  --button-dropdown-text-hover-color: #ffffff;
  
  --button-removeList: #red;
  
  /* Form Inputs Texts */
  --inputtext-background: #ffffff;
  --inputtext-color: #222222;
    
  /* Table paginators */
  --table-paginator-background: #0e2e6e;
  --table-paginator-border: #0e2e6e;
  --table-paginator-color: #ffffff;
  
  /* Fieldsets */
  --fieldset-background: #0e2e6e;
  --fieldset-color: #ffffff;
  --fieldset-state-active-background: #fcfcfc;
  --fieldset-state-active-color: #ffffff;
  
  /* Tab Views */
  --tabview-active-background: #ffffff;
  --tabview-active-color: #353535;
  --tabview-active-hover-background: rgb(246, 247, 249);
  --tabview-inactive-hover-background: #d2d2d2;
  --tabview-inactive-hover-color: #ffffff;
  
  /* Sidebar (acquiring component) */
  --sidebar-border: #0e2e6e;
  --sidebar-background: #0e2e6e;
  --sidebar-color: #ffffff;
  
  /* Other Components */
  --checkbox-background: #0e2e6e;
  --radiobutton-active-background: #0e2e6e;
  --attention-border-color: #0014af;
  
  /***************************/
  /********* Admin ***********/
  /***************************/ 
  
  --admin-main-color: #D80E0E;
  --admin-darker-color: #ac0b0b;
  --admin-darkest-color: #880909;
  
  --searchbar-admin-background: #ffffff;
  --admin-header-background: #a30000;
  --admin-menu-background: #a30000;
  --admin-title-background: #5b616f;
  --topbar-hamburger-admin-color: #ffffff;
  --topbar-hamburger-admin-reduced-color: #ffffff;
  
  /***************************/
  /******* Parameters ********/
  /***************************/ 
  
  --param-main-color: #1d872e;
  --param-darker-color: #156423;
  --param-darkest-color: #13571f;
  
  --searchbar-param-background: #ffffff;
  --param-header-background: #0b5416;
  --param-menu-background: #0b5416;
  --param-title-background: #5b616f;  
}