/* // RESET CSS */
*, *::before, *::after			{box-sizing:border-box;}
*								{margin:0; padding:0;}
input, button, textarea, select	{font:inherit;}
body, html						{height:100%; scroll-behavior:smooth;}
/* RESET CSS // */


body						{font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size:1rem; display:flex; background:#dcdcdc; color:#313336;}

nav							{background:#004b9b; display:flex; flex-direction:column; flex:none; width:480px; height:100vh; padding:0 1.5rem; overflow-y:auto; color:#79d9ff; box-shadow:inset -0.5rem 0 0 rgba(0,0,0,.15);}
nav a						{color:#fff; text-decoration:none;}
nav a:hover span,		
nav a:focus span			{text-decoration:underline;}
nav>ol						{margin-bottom:3rem;}
nav ol						{list-style-type:none; counter-reset:item; list-style-type:none; list-style-position:outside; padding-left:0;}
nav ol ol 					{padding-left:1.5rem;}
nav ol ol ol				{padding-left:2rem;}
nav ol li a					{display:block; padding:0.125rem 0;}
nav ol li a::before				{counter-increment:item; content:counters(item, ".") ". "; color:#79d9ff; margin-right:0.5rem;}
nav ol li.NoCounter a::before	{content:none;}
nav ol li a:hover::before		{color:#fff;}

.Version					{font-size:0.875rem; display:flex; justify-content:space-between; background:rgba(0,0,0,.15); padding:0.5rem 1.5rem; margin:auto -1.5rem 0 -1.5rem; margin-top:auto;}
.Version strong				{font-weight:600;}
.Version a:hover,
.Version a:focus,
address a:hover,
address a:focus				{text-decoration:underline;}

.IDInfo						{padding:1rem 0; margin:0 0 1.5rem 0; border:1px solid rgba(255,255,255,.2); border-width:1px 0;}
.Identity span				{display:block; font-size:0.875rem; padding:0.25rem 0;}
.Identity span.DBs			{font-size:1.125rem;}
.Identity span.SIG			{font-size:1.5rem; font-weight:500;}
.Identity span.Logo			{padding:1.5rem 0 1rem 0;}
.Logo img					{width:200px;}

nav address					{font-size:0.875rem; font-style:normal; background:rgba(0,0,0,.25); margin:0 -1.5rem 0 -1.5rem; padding:1.5rem; }
nav address strong			{font-weight:600; font-size:1rem;}

main						{height:100vh; padding:0 6rem 6rem 6rem; overflow-y:auto; text-align:justify; max-width:65rem; background:#fff;}
main h1,
main h2,
main h3						{color:#006ebc; font-weight:600; padding:3rem 0 0.5rem 0;}
main h1						{font-size:1.75rem;}
main h2						{font-size:1.5rem;}
main h3						{font-size:1.25rem;}
main strong					{font-weight:600;}

main p						{margin:0 0 1rem 0;}
main li p					{margin:0;}
main ul,
main ol						{padding:0 0 0 1.5rem; margin:0 0 1rem 0;}
main ul						{list-style-type:square;}
main p+ul,
main p+ol					{margin-top:-1rem;}
main li ul					{list-style-type:circle; margin:0;}
main li						{padding:0 0 0 0.5rem;}
main li::marker				{color:#43a4cc;}
main p,
main li						{line-height:1.5rem;}
main a 						{color:#006ebc; word-break:break-all;}
main a:hover,
main a:focus				{text-decoration:none;}

main table					{border-spacing:0; border-collapse:collapse; width:100%; margin-top:1rem;}
main table th,
main table th[scope="row"],
main table td				{border-bottom:1px solid #cad7dc; padding:0.25rem; vertical-align:top;}
main table th				{font-weight:600; border-bottom:1px solid #313336;}
main table tbody:hover td[rowspan],
main table tr:hover th[scope="row"],
main table tr:hover td		{background:#f4f7f9;}
main table ul				{margin:0;}

main code					{color:#cd1313;}
main .ImgResponsive			{max-width:100%; height:auto;}
main li .ImgResponsive		{margin:1rem 0;}
main .ImgSh					{box-shadow:0 4px 8px rgba(0,0,0,.1); border-radius:0.25rem;}

.TextCenter					{text-align:center;}

table.VHistory tr th		{min-width:7rem;}

.EUInfo						{display:flex; background:rgba(0,0,0,.25); margin:0 -1.5rem 0 -1.5rem; padding:1.5rem;}
.EUFlag img					{height:2.5rem; margin-right:1rem; border:1px solid rgba(255,255,255,.25);}
.EUText						{font-size:0.875rem;}

@media (max-width: 991px) {
	body					{flex-direction:column;}
	body, html, nav, main	{width:100%; height:auto; overflow:none;}
	main					{padding:0 1.5rem;}
}
@media (max-width: 1200px) {
	main					{padding:0 3rem;}
}


