html															{height:100%;}
body															{background:#FFFFFF url(./images/background-01.jpg) center no-repeat;background-size:cover;background-attachment:fixed;min-height:100%;height:auto;padding:116px 0 0;}
*																{font-family:Roboto;box-sizing:border-box;}

header															{position:fixed;top:0;left:0;right:0;height:116px;background:white;border-bottom:36px solid #326577;z-index:100;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);}
header h1														{text-align:center;font-weight:normal;padding:25px 20px;font-size:28px;line-height:20px;margin:0;}
header h1 span													{color:#326577;margin-right:2px;}
header h1::before												{content:"\f0f6";font-family:FontAwesome;color:#82A4AE;margin-right:10px;}
/*header h1 span												{font-family:Handwriting;}*/

nav																{position:absolute;top:0;right:0;height:80px;display:flex;color:#326577;}
nav .languages													{list-style:none;margin:0;padding:0;height:100%;display:flex;flex-direction:column;justify-content:center;}
nav .languages li												{margin:1px 0;padding:4px 10px;display:block;border-radius:3px 0 0 3px;cursor:pointer;font-weight:bold;font-size:11px;}
nav .languages li.active										{background:#326577;color:white;}
nav .menu														{list-style:none;margin:0;padding:0;height:100%;display:flex;}
nav .menu li													{margin:0 15px;padding:0 10px;height:100%;text-align:center;text-transform:uppercase;font-size:12px;font-weight:bold;line-height:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;}
nav .menu li i													{display:block;font-size:18px;color:#82A4AE;}

main															{display:block;padding:25px 20px;margin:0 auto;width:100%;max-width:800px;}
main .paper														{background:white;padding:65px 75px;position:relative;box-shadow:0 3px 5px rgba(0, 0, 0, 0.25);min-height:1000px;}
main h1															{font-family:Handwriting;color:#326577;}
main button														{}
main a,
main a:hover													{color:#326577;font-size:16px;text-decoration:none;}

ul.cards														{margin:0;padding:0;list-style:none;display:flex;}
ul.cards li														{display:inline-block;width:280px;height:200px;margin:0 25px 15px 0;background:white;border-left:20px solid #326577;border-radius:5px;box-shadow:0 1px 8px rgba(0, 0, 0, 0.25);font-size:14px;}
ul.cards li a,
ul.cards li a:hover												{display:block;height:100%;text-decoration:none;color:#212529;padding:15px;}
ul.cards li h3													{color:#326577;font-size:20px;}

footer															{display:block;position:fixed;bottom:0;right:0;width:240px;height:20px;font-size:11px;padding:0 10px;text-align:right;}
footer a														{color:black;text-decoration:none;font-weight:bold;}

.hidden															{display:none;}

/* Notifications */
#notification-center											{position:fixed;top:0;right:0;width:400px;z-index:1000;overflow:visible;}
#notification-center .notification								{position:relative;left:100%;opacity:1;max-height:0;overflow:visible;}
#notification-center .notification > div						{position:relative;display:flex;background:rgba(230, 230, 230, 0.8);backdrop-filter:blur(5px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.25);border-radius:8px;margin:15px 15px 5px;padding:5px;color:black;}
#notification-center .notification .notification-content		{flex:1;font-size:12px;padding:5px;}
#notification-center .notification .notification-name			{display:block;text-transform:uppercase;font-size:10px;color:gray;line-height:20px;}
#notification-center .notification .notification-name i			{display:inline-block;background-color:#23A3F7;border-radius:3px;width:15px;height:15px;line-height:15px;text-align:center;color:white;margin-right:5px;}
#notification-center .notification .notification-name img		{display:inline-block;border-radius:3px;width:15px;height:15px;line-height:15px;margin-right:5px;}
#notification-center .notification .notification-title			{display:block;font-weight:bold;}
#notification-center .notification button						{width:50px;height:100%;min-height:50px;background:none;border:none;border-left:1px solid rgba(0, 0, 0, 0.25);text-align:center;font-size:11px;color:gray;}
@media only screen and (max-width: 500px)
{
	#notification-center										{position:fixed;top:0;left:0;right:0;margin:0 auto;width:400px;z-index:1000;overflow:visible;}
}

#notification-center .notification > div						{background-color:#326577;color:white;font-size:16px;}
#notification-center .notification .notification-name			{color:white;}

/* Forms */
.app-forms .form-top h4											{display:none;}
.app-forms .buttons .btn										{background-color:#326577;}
.app-forms .buttons a											{float:left;line-height:38px;font-size:1rem;}