* {
	font-family	: sans-serif, sansserif, opensans, arial, verdana;
	margin		: 0;
	padding		: 0;
	box-sizing	: border-box;
}

body {
	background-color		: #fff;
/*	
	background-image		: url("/images/pexels-pixabay-158826.jpg");
	background-size			: 100% auto;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	background-position		: center;
*/
}

a {
	text-decoration		: none;	
}

.center
{
	text-align			: center;
}

.left
{
	text-align			: left;
}

p {
	text-align			: center;
}

h1 {
	text-align			: center;
	font-size			: 1.5rem;
	color				: #038;
	text-transform		: capitalize;
}

h2,
h3 {
	width				: 100%;
	text-align			: center;
	color				: #038;
	font-size			: 1.25rem;
	letter-spacing		: .1rem;
	margin-bottom		: .5rem;
	text-transform		: capitalize;
}

h3 {
	font-size			: 1rem;
	margin-bottom		: 0;
}

h4 {}

p.error
{
	color				: #900;
	text-align			: center;
	font-size			: .9rem;	
}

p.antierror
{
	color				: #090;
	text-align			: center;
	font-size			: .9rem;
}

div#main 
{
	display				: block;
	background-color	: rgba(255,255,255,.9);	
	box-shadow			: 0 0 .5rem #999;
	border-radius		: .5rem;
}

div#content
{	
	height				: 100%;
	display				: flex;
	justify-content		: center;
	align-items			: baseline;
	padding				: .5rem;
/*	background-color	: #FFF;
	box-shadow			: 0 0 .25rem #555;
	border-radius		: .5rem;*/
}



div#footer p
{
	font-size			: 1rem;
	padding				: .5rem;
	letter-spacing		: .1rem;
}

div#breadcrumb p
{
	font-size			: .8rem;
	color				: #038;
	text-transform		: uppercase;
	letter-spacing		: .1rem;
	word-spacing		: .5rem;
	margin-left			: .25rem;
}

div#debug {
	z-index				: 1000;
	width				: 25%;
	height				: 25%;
	position			: fixed;
	bottom				: 3rem;
	right				: 3rem;
	background-color	: rgba(200,200,200,.1);
	color				: rgba(0,0,0,.1);
	padding				: 1rem;
	border				: 1px solid rgba(0,0,0,.1);
	transition			: .5s color, .5s border-color, .5s background-color;
}

div#debug:hover 
{
	background-color	: #EEE;
	color				: #000;
	border-color		: #000;
	transition			: .5s all;
}

button
{
	text-transform		: uppercase;
	color				: #038;
	background-color	: #fff;
	transition			: .25s color ease-out;
}

button:hover,
button:focus,
button:active,
button:hover > label,
button:focus > label,
button:active > label
{
	color				: #FFF;
	background-color	: #038;
	transition			: .25s color ease-in;
}

/* LOGIN - FORM */

div#content table
{
	width				: 100%;
}

div#content table input, 
div#content table button
{
	width				: 100%;
	border				: 1px solid #000;
	border-radius		: .25rem;
	margin-bottom		: .5rem;
}

div#content table input
{
	width				: 100%;
	background-color	: #EEE;
	height				: 2rem;
	padding-left		: .5rem;
}

div#content table button,
div#content table label
{
	margin-top			: .5rem;
	height				: 2rem;
}

div#content table label
{
	margin-left			: .5rem;
	font-size			: .8rem;
	color				: #555;
}

div#home
{
	width				: 100%;
	height				: 100%;
	display				: flex;
	flex-wrap			: wrap;
	justify-content		: stretch;
	align-content		: stretch;
}

div#home div
{
	padding				: .5rem;
}

div#home div#left,
div#home div#right
{
	width				: calc(50% - 1rem);
	box-shadow			: 0 0 .125rem #999;
	border-radius		: 1rem;
	margin				: .5rem;
}

div#home div#top
{
	width				: 100%;
	box-shadow			: 0 0 1rem ##999;
}

td.flex {
	display				: flex;
}

td.flex > button:first-child {
	margin-right		: .5rem;
}

td.flex > button:last-child {
	margin-left			: .5rem;
}