/* Variables by theme */
:root {
  /* Login - Change folder to company name */ 
  --login-background-image-mobile: url("/themes/logista/images/loginBackgroundMobile.jpg");
  --login-background-image-desktop: url("/themes/logista/images/loginBackground.jpg");

  /*Primary Color for Company*/
  --primary-color: #026CA5;
  --primary-color-light: #1081BE;
  --primary-color-lighter: #46A8DD;
  --primary-color-disabled: #457088;
  --primary-color-dark: #015583;
  --primary-color-darker: #014164;

  /*Secondary Color for Company*/
  --secondary-color: #757575;
  --secondary-color-light: #9d9d9d;
  --secondary-color-lighter: #C0C2C3;
  --secondary-color-disabled: #C0C2C3;
  
	/*Background Navbar for Company*/
  --navbar-background-color: #026CA5;

  /* Alert Colors*/
  --alert-primary-color:  #026CA5;
  --alert-secondary-color: #757575;
  --alert-success-color: #13BA4D;
  --alert-success-color-light: #B9DFCB;
  --alert-danger-color: #b5434f;
  --alert-danger-color-light: #f4c1c7;
  --alert-warning-color: #b5912e;
  --alert-warning-color-light: #fdebba;
  --alert-info-color: #5f91aa;
  --alert-info-color-light: #d3ebf8;

  /*Radio Input Checks & Radio*/
  --input-check-color: #9CEE8C;
  --input-check-color-disabled: #B5CAB1;

  /*Radio Input Border Color*/
  --input-border-color: #152022;
  --input-border-color-disabled: #9DC5AA;

  /*Success Color*/
  --success-color: #13BA4D;
  --success-color-dark: #19C655;
  --success-color-light: #B9DFCB;
  --success-color-lighter: #C3D977;
  --success-color-disabled: #B9DFCB;

  /*Danger Color*/
  --danger-color: #d7192d;
  --danger-color-dark: #c11628;
  --danger-color-light: #cc7e86;
  --danger-color-lighter: #ffaaaa;
  --danger-color-disabled: #cc7e86;

  /*Warning Color*/
  --warning-color: #f8b500;
  --warning-color-dark: #dfa300;
  --warning-color-light: #dbc075;
  --warning-color-lighter: #f3d790;
  --warning-color-disabled: #dbc075;

  /*Information Color*/
  --info-color: #59b5e4;
  --info-color-dark: #50a3cd;
  --info-color-light: #a2c8db;
  --info-color-lighter: #9bd3ef;
  --info-color-disabled: #a2c8db;

  /* Neutro Color*/
  --neutro-color-black: #000000;
  --neutro-color-900: #212529;
  --neutro-color-800: #383838;
  --neutro-color-700: #757575;
  --neutro-color-600: #9d9d9d;
  --neutro-color-500: #9f9f9f;
  --neutro-color-400: #c0c2c3;
  --neutro-color-300: #cdcdcd;
  --neutro-color-200: #bfbfbf;
  --neutro-color-100: #f0f0f0;
  --neutro-color-white: #ffffff;
}
/* End of variables by theme */

/* FROM THIS POINT ON, CUSTOM CSS GOES HERE */

/* region *****BUTTONS***** */
@keyframes flash {
  0%, 100% {
    box-shadow: 0 2px 3px rgba(252, 76, 16, 0.1), 0 -2px 6px rgba(255, 255, 255, 0.3) inset; /* Embossed shadow at the start and end */
  }
  50% {
    box-shadow: 0 0 10px rgba(252, 76, 16, 0.8), 0 0 10px rgba(255, 255, 255, 0.8) inset; /* Intense embossed shadow in the middle */
  }
}

#employeesAccessBtn {
  background: #026CA5;
  color: white;
  border: none;
  animation: flash 1s infinite; /* Add the embossed flashing animation */
}