/**
  * CernFW
  * (c) 2018-2022 - cernodile.com
  * CSS "framework" made for personal use
  * Last update: 01/04/2022
  */
* {
	margin: 0;
	padding: 0;
	scrollbar-color: #4488ff #1d479f;
}
html,body {
	background-color: #b7cffc;
	background: -webkit-linear-gradient(150deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 0), #b7cffc;
	background: -moz-linear-gradient(150deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 0), #b7cffc;
	background: linear-gradient(120deg, rgba(255,255,255,0.2) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 0), #b7cffc;
	background-attachment: fixed;
	font-family: 'Open Sans', 'Trebuchet MS', Arial, sans-serif;
	height: 100%;
}

#wrapper {
	/* HACK: Fallback to 100% for browsers that don't support vh */
	min-height: 100%;
	min-height: 100vh;
	position: relative;
/*	padding-bottom: 32px; */
}

td {
	padding: 2px;
	border: 2px solid #397ef6;
	background: #a7c7ff;
}
.inactive td {
	background: #f9b77d;
}
.deleted td {
	background: #df8c8c;
}
.strong td {
	background: #82a4e0;
}
a {
	color: #0081ff;
	display: inline;
}
#content {
	padding: 0 5%;
	padding-bottom: 32px;
}
#header {
	background: #397ef6;
	width: 100%;
	color: white;
	text-align: center;
	padding: 25px 0;
	text-shadow: 2px 2px black;
}
#result {
	display: block;
	margin: 0 auto;
	cursor: pointer;
	box-shadow: 0px 0px 10px black;
}
#footer {
	position: absolute;
	bottom: 0;
	background: #323030;
	color: #bdbdbd;
	width: 100%;
	/* height: 22px; */
	padding: 5px 0;
}
#footer p {
	padding: 0 5px;
	background: #323030;
}
#subheader {
  background: #2359c8;
  color: white;
  height: 1em;
  margin-bottom: 2em;
}
#subheader ul {
  text-align: center;
  background: #2359c8;
}
ul li {
  display: inline-block;
  *display: inline;
  padding: 8px 8px 8px 8px;
  font-size: 1em;
}
img {
 display: block;
}
#subheader ul a li.active {
  background: #316ce6;
}
#subheader ul a li:hover {
  background: #316ce6;
}
#subheader ul li.disabled {
  color: gray;
}
#subheader ul a li {
  color: white;
  text-decoration: none;
}

.md #title {
  display: block;
  border-bottom: 0.1em solid #323030;
  margin: 1em;
}

.mono {
  font-family: monospace;
}