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

  /*Primary Color for Company*/
  --primary-color: #7badd3;
  --primary-color-light: #9dccf0;
  --primary-color-lighter: #c0def5;
  --primary-color-disabled: #8d98a0;
  --primary-color-dark: #568eb9;
  --primary-color-darker: #1a486a;

  /*Secondary Color for Company*/
  --secondary-color: #696969;
  --secondary-color-light: #868686;
  --secondary-color-lighter: #CDCDCD;
  --secondary-color-disabled: #999898;
  
	/*Background Navbar for Company*/
  --navbar-background-color: #7badd3;

  /* Alert Colors*/
  --alert-primary-color:  #7badd3;
  --alert-secondary-color: #696969;
  --alert-success-color: #13a471;
  --alert-success-color-light: #95fbc2;
  --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;

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

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

  /*Danger Color*/
  --danger-color: #D64545;
  --danger-color-dark: #c11628;
  --danger-color-light: #EE6C67;
  --danger-color-lighter: #E8ADAA;

  /*Warning Color*/
  --warning-color: #E3B740;
  --warning-color-dark: #dfa300;
  --warning-color-light: #F4CD5C;
  --warning-color-lighter: #E9DAA5;

  /*Information Color*/
  --info-color: #1FBABF;
  --info-color-dark: #50a3cd;
  --info-color-light: #A2C8DB;
  --info-color-lighter: #9BD3EF;

  /* Neutro Color*/
  --neutro-color-black: #1a1a1a;
  --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: #f0f6f6;
  --neutro-color-white: #ffffff;
}
/* End of variables by theme */

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