/* the new style.css containss all the styles from 4 previously imported files */
@IMPORT url("style.css");



/* IMPORT & ROOT: 10.2024 */
:root {
--menu:			230px;
--content:		calc(100% - var(--menu));
--margin:		28px;
--button:		250px;
--input:			250px;
  
--white:			#ffffff;
--light:			#f6f6f6;
--lightgray:	#cccccc;
--gray:			#666666;
--black:			#000000;
--red:			#be0005;
--darkred:		#8c0005;
--blue:			#094b82;
--darkblue:		#053a66;
--lightblue:	#7798B3;
--offwhiteblue:#e9ecf0;
--green:			#00d5bf;
--darkgreen:	#00a998;
 --yellow:		#ffbb00;
--shadow:		rgba(0,0,0,0.35);
--transgray:	rgba(0,0,0,0.2);
--transblue:	rgba(9,75,130,0.15);
--transdarkblue:rgba(5,58,102,0.9);
--transblack:	rgba(0,0,0,0.65);
--darkblur:		rgba(0,0,0,0.2);
--transwhite:	rgba(255,255,255,0.3);
--radius:		8px;
--blur:			8px;
}


*	{
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	font-weight: 300;
	outline: none;
	border:0;
}

html	{
	height: 100%;
	font-size: 14px;
	line-height:1.4rem;
	background: var(--white);
	}