/*
  ____                                                ____   _           _            
 / ___| ___   _ __ ___   _ __ ___    ___   _ __      / ___| | |_  _   _ | |  ___  ___ 
| |    / _ \ | '_ ` _ \ | '_ ` _ \  / _ \ | '_ \     \___ \ | __|| | | || | / _ \/ __|
| |___| (_) || | | | | || | | | | || (_) || | | |     ___) || |_ | |_| || ||  __/\__ \
 \____|\___/ |_| |_| |_||_| |_| |_| \___/ |_| |_|    |____/  \__| \__, ||_| \___||___/
                                                                  |___/               
              _                        ___       __        __     _                   
             / \    _ __   _ __       ( _ )      \ \      / /___ | |__                
            / _ \  | '_ \ | '_ \      / _ \/\     \ \ /\ / // _ \| '_ \               
           / ___ \ | |_) || |_) |    | (_>  <      \ V  V /|  __/| |_) |              
          /_/   \_\| .__/ | .__/      \___/\/       \_/\_/  \___||_.__/               
                   |_|    |_|                                                         


*/


/*
* {
  box-sizing: border-box;
}
*/

:root
{
	--box-shadow-input-error: 0 0 5px 1px #CC000088;
	--nav-width: 220px;
	--main-margin-left--active: var(--nav-width);
	--box-shadow--elevated-temp: 0 0 16px 0px #777;
	--box-shadow--elevated-perm: 0 0 8px 0px #777;
	--box-shadow--gen: 0 3px 5px -3px #555;
}

HTML,BODY
{
	height:100%;
}

BODY
{
	margin: 0px;
	padding: 0px;
	font-family: Roboto, Tahoma, sans-serif;
	font-size: 14px;
	/*background: #F8F8F8;*/
	-webkit-text-size-adjust: none;
	color: var(--body-clr);
}

H1,H2,H3
{
	width:100%;
	color: var(--heading-clr);
}

HR
{
	height: 1px;
	border: none;
}


/* ---------------------------------------------------------------------------- */