header('Content-type: text/css');
/* CSS Document */
/* https://jqueryui.com/demos/ */
html, body {
}
/* 
 * ****************
 * COLOUR VARIABLES 
 */
:root {

  /* var(--buttonDarker) */
  --whiteClear: #FFFFFF00;

  --white: #FFFFFF;

  --greyGhost:	#F8F8F8;
  --greySmoke:	#F5F5F5;
  --greyLighter:#EEEEEE;
  --greyLight: 	#DDDDDD;
  --greySilver: #CCCCCC;
  --greyDark: 	#BBBBBB;
  --greyDarker:	#888888;
  --greyDim: 	#777777;

  --blackClear: #00000000;
  --blackOne: #00000016;
  --blackTwo: #00000032;
  --blackThree: #00000048;
  --blackFour: #00000064;
  --blackFive: #00000080;
  --blackSix: #00000096;
  --blackSeven: #000000B3; /* 112 */
  --blackEight: #000000C9; /* 128 */
  --blackNine: #000000E5; /* 144 */

  --black: #000000FF;
  
  --textWhite:	#FFFFFF;
  --textBlack:	#000000;

  --themeLighter: #F0F6F9;
  --themeLight: #E1ECF2;
  --themeColour:#68A1BF; /* dark blue */
  --themeDark: 	#5E91AC;
  --themeDarker:#538199;

  --side: 		#FFF2D9;
  --article:	#FFF7E8;

  --selectedLighter:#FFFFEE;
  --selectedLight:	#FFFFCC;
  --selected:		#FFFFAA;
  --selectedHover: 	#FFFFEE; /* F2F2A2 */
  --selectedDark:	#CCCC88;

  --buttonLight:	#DDDDDD;
  --buttonDark: 	#767676;
  --buttonDarker: 	#BBBBBB;
  --buttonDarkest: 	#666666;

  --errorLighter:	#EBB2B1; /* FBEEEE */
  --errorLight:	#E08785;
  --error:		#D35351;
  --errorSeven:	#D35351B3;
  --errorLightSeven: #E08785B3;

  --warningLight: #EBD5AA;
  --warning: 	#FF9900;
  --warningDarker: #FFCC66;

  --successLight: #C4E1A4;
  --success: 	#009933;
  --successLightSeven: #C4E1A4B3;
  --successSeven: 	#009933B3;

  --infoLight: var(--themeLight);
  --info: 	var(--themeDark);

  --toggleWrapperBackground: #DDDDDD48; /* 48 = 30%*/
  --toggleWrapperBackgroundHover: #DDDDDDB3;  /* B3 = 70%*/

  --resizerBackground: #CCCCCC48;  /* 48 = 30%*/
  --resizerBackgroundHover: #CCCCCCB3;  /* B3 = 70%*/

  --toggleBackground: #FF990048; /* 48 = 30%*/
  --toggleBackgroundHover: #FF9900B3; /* B3 = 70%*/

  --gridBorder: 0.125em solid #538199; /* #538199 var( --themeDark )*/

  --mainBackground: #ffffff;
  --headerBackground: #f3f3f3;
  --footerBackground: #ffffff;
  --leftBackground: #eef4ff;
  --rightBackground: #eef4ff;
}
/* 
 * ***************
 * GENERIC COLORS
 */
.bg-c_TL ,
.background-color_themeLight {
  background-color: var(--themeLight);
  }