html, body { height: 100%; padding: 0; margin: 0;
    color: #072B4F; font-family: sans-serif; font-size: 12pt; 
}

body{
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23808080' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

h1 {font-size: 2.50rem; line-height: 1.4rem; margin: 0px; padding: 10px 5px;}
h2 {font-size: 2.00rem; line-height: 1.3rem; margin: 0px; padding: 8px 5px;}
h3 {font-size: 1.75rem; line-height: 1.2rem; margin: 0px; padding: 6px 5px;}
h4 {font-size: 1.50rem; line-height: 1.1rem; margin: 0px; padding: 4px 5px;}
h5 {font-size: 1.25rem; line-height: 1.0rem; margin: 0px; padding: 2px 5px;}

p { margin: 0px; padding: 2px 5px; line-height:1.1em; }


a { color: #008; text-decoration: none;}
a:visited { color: #008; }
a:hover { text-decoration: underline; }


div#layout_title{
	background-image: linear-gradient(to bottom, #888, #fff);
	padding: 10px;
	height: 100px;
}

#layout_menus {
	position: sticky; top: 0px; z-index: 100;
    background: linear-gradient( #FFF, #EEE );
	box-shadow: 0 30px 40px rgba(0,0,0,.1);
	margin:0px; padding: 10px; width: 100%; 
	font-size: 1em;
}

#layout_footer{
	margin-top: 15px; padding: 15px 0px;
	border-top: 1px solid rgba(128,128,128,0.25);
	background-color: rgba(128,128,128,0.2);
}

a { color: #008; text-decoration: none;}
a:visited { color: #008; }
a:hover { text-decoration: underline; }

div#loading {
    text-align: center; font-size: 3em; color: #448; padding:10%;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23808080' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}



button {
	height: 38px;
	line-height: 38px;
	padding: 0 30px;
	color: #555;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	cursor: pointer;
	border: 1px solid black; 
	border-radius: 5px;
	text-align: center; font-size: 0.85em; font-weight: 600;
	background: linear-gradient( #FFF, #EEF );
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}

button.back, button.about { position: absolute; right: 10px; width: 180px; top: 10px; }
button.about{ right: 200px; }

/*SOCIAL*****************************
************************************/
ul.social { 
    margin: 0px; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: flex-start; /* or center */
    gap: 10px; 
}
ul.social li {
    display: inline-block;
	padding: 0px 5px;
	height: 30px;
	border: 1px solid black; border-radius: 5px;
	text-align: center; font-size: 15px; font-weight: 600;
	background: linear-gradient( #FFF, #EEF );
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}
ul.social li:hover { background: linear-gradient( #DDF, #AAE );  }
ul.social a { display: block; line-height: 30px; color: #000; text-decoration: none; }


/**OVERLOADS**/
md-tab-item { min-width: 100px; }