/* Sticky Footer */
html {
	position: relative;
	min-height: 100%;
}

body {
	margin: 0 0 45px; /* bottom = footer height */
}

footer {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 45px;
	width: 100%;
}

/* -- */
article {
	padding-bottom: 1em;
}

article p {
	font-size: .8em;
}

article dt, article dd {
	font-size: .8em;
}

article ol,
article ul {
	padding-left: 1em;
}

article > ol li,
article > ul li {
	font-size: .8em;
}

article form label {
	/*font-size: .75em;*/
}

article fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

figure {
	margin: 0;
}

figure figcaption {
	font-size: .8em;
}

/*
article > form select,
article > form input[type=text] {
	display: block;
}
*/

article input[type=checkbox] {
	/*float: left;*/
	/* margin-right: .2em; */
	/* height: .75em; */
}

article:first-of-type {
	padding-top: 46px;
}

/* Footer */
footer {
	border-top: 1px solid #000000;
	display: block;
	/*height: 45px;*/
	padding: 0;
	background: #363531;
}

footer ul {
	margin: 0;
	list-style: none;
	float: left;
	padding-left: 10px;
}

footer ul:last-of-type {
	margin: 0;
	list-style: none;
	float: right;
	padding-right: 10px;
}

footer ul li {
	display: inline-block;
	line-height: 45px;
	padding-right: 10px;
	color: #ffffff;
	font-size: .8em;
	font-weight: normal;
	text-shadow: -1px 2px 3px #111100;
}

footer ul li a {
	color: #ffffff;
	font-weight: normal;
	text-shadow: -1px 2px 3px #111100;
	text-decoration: none;
}

/* Submenu */
nav ul li {
	position: relative;
}

nav ul li a,
nav ul li span,
nav ul li:hover ul li a {
	border: 0;
	padding: 0 10px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	font-size: .6em;
	border-radius: 0;
	background-color: transparent;
	display: block;
	/*color:#666;*/
	text-decoration: none
}

body > header > nav > ul > li:hover,
body > header > nav > ul > li > a:hover,
body > header > nav > ul > li > ul > li > a:hover,
body > header > nav > ul > li.current > a {
	color: #ffffff;
}

nav > ul > li:hover,
nav > ul > li > a:hover,
nav > ul > li > ul > li > a:hover,
nav > ul > li.current > a {
	/*background-color:#f4f4f4;*/
	background: #ffffff;
	/*background: #363531;*/
	transition: .3s background-color;
	/*
	border: .1rem solid rgba(187,187,187,.5);
	border-right: none;
	border-top: none;
	border-bottom: none;
	*/
	/*
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9db4cd',endColorstr='#819ebf',GradientType=0);
	background: #9db4cd;
	background: -moz-linear-gradient(top,#9db4cd 0,#90aac7 50%,#829fc0 46%,#819ebf 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9db4cd),color-stop(50%,#90aac7),color-stop(46%,#829fc0),color-stop(100%,#819ebf));
	background: -webkit-linear-gradient(top,#9db4cd 0,#90aac7 50%,#829fc0 46%,#819ebf 100%);
	background: -o-linear-gradient(top,#9db4cd 0,#90aac7 50%,#829fc0 46%,#819ebf 100%);
	background: -ms-linear-gradient(top,#9db4cd 0,#90aac7 50%,#829fc0 46%,#819ebf 100%);
	background: linear-gradient(top,#9db4cd 0,#90aac7 50%,#829fc0 46%,#819ebf 100%);
	*/
}

nav ul li ul {
	display: none;
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	background: #ffffff;
	line-height: inherit;
	height: inherit;
	border: .1rem solid rgba(187, 187, 187, .5);
	border-top: none;
	left: -1px;
	/*top:30px;*/
	box-shadow: 0 .4rem .5rem rgba(0, 0, 0, .03), 0 7px 15px -5px rgba(0, 0, 0, .15);
	min-width: 8rem;
}

nav ul:last-child li ul {
	left: inherit;
	right: -1px;
}

nav ul li:hover ul {
	display: block;
	z-index: 100
}

nav ul li ul li {
	display: block;
	position: relative;
	/*
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	*/
	float: none;
	z-index: 100;
	/*background-color:#f4f4f4*/
}

nav ul li ul li a {
	font-size: .6em;
	height: 30px;
	border: 0;
	display: block;
	padding: 0 10px;
	margin: 0;
	line-height: 30px;
	/*font-weight: normal;*/
	/*color:#666;*/
	/*text-transform: none;*/
	text-transform: uppercase;
	white-space: nowrap;
	font-weight: bold
}

nav ul li ul li:last-child {
	/*border-bottom:1px solid #ccc;*/
}

nav ul li ul li a:hover {
	background: #363531;
	transition: .3s background-color;
}

body {
	font-family: sans-serif;
}

select {
	/* font-size: .8em; */
}

/* Header */
body > header {
	background-color: #363531;
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 .2rem .5rem rgba(0, 0, 0, 0.5);
}

body > header > h1 {
	margin: 0;
	padding: 15px 0 15px 10px;
	color: #ffffff;
	font-size: .9em;
	font-weight: normal;
	text-shadow: -1px 2px 3px #111100;
}

@media only screen and (min-width: 768px) {
	body > header > h1 {
		padding: 15px 0 15px 25px;
	}
}

body > header > nav {
	position: absolute;
	display: none;
	background-color: #363531;
	width: 100%;
	/*padding: 0 0 10px 0;*/
}

body > header > nav > ul {
	/*display: none;*/
	list-style: none;
	padding: 0;
	margin: 0;
}

nav.expanded {
	display: block;
}

li.caret > span {
	cursor: default;
}

li.caret > a:after,
li.caret > span:after {
	content: '▼';
	float: right;
}

@media only screen and (min-width: 768px) {

	article:first-of-type {
		padding-top: inherit;
	}

	body > header {
		position: relative;
		box-shadow: none;
	}

	nav ul li ul {
		position: absolute;
	}

	li.caret > a:after,
	li.caret > span:after {
		content: '';
	}

	/* Navigation Menu */
	body > header > nav {
		background-color: #eeeeee;
		position: relative;
		display: block;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		/* 0 .4rem .5rem rgba(0, 0, 0, .03), 0 7px 15px -5px rgba(0, 0, 0, .15); */
		/* 0 0 10px #222222; */
	}

	body > header > nav > h2 {
		margin: 0;
		padding: 0;
	}

	body > header > nav > ul {
		margin: 0;
		/*padding: 0;*/
		/*list-style: none;*/
		background-color: #eeeeee;
		padding: 10px 10px 0 10px;
		/*display: none;*/
	}

	body > header > nav > ul:last-of-type {
		border-bottom: 1px solid #cccccc;
	}

	body > header > nav > ul > li a {
		text-decoration: none;
		color: #666666;
		margin-bottom: 10px;
		padding: 10px;
		display: block;
		border: 1px solid #cccccc;
		background-color: #ffffff;
	}

	body > header > nav > ul:last-of-type {
		padding: 0 10px 0 10px;
	}

	body > header > nav {
		margin: 0;
		/*height: 30px;*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e1dedd', GradientType=0);
		background: #eeeeee;
		background: -moz-linear-gradient(top, #eeeeee 0, #e5e3e3 50%, #dddbd3 46%, #e1dedd 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(50%, #e5e3e3), color-stop(46%, #dddbd3), color-stop(100%, #e1dedd));
		background: -webkit-linear-gradient(top, #eeeeee 0, #e5e3e3 50%, #dddbd3 46%, #e1dedd 100%);
		background: -o-linear-gradient(top, #eeeeee 0, #e5e3e3 50%, #dddbd3 46%, #e1dedd 100%);
		background: -ms-linear-gradient(top, #eeeeee 0, #e5e3e3 50%, #dddbd3 46%, #e1dedd 100%);
		background: linear-gradient(top, #eeeeee 0, #e5e3e3 50%, #dddbd3 46%, #e1dedd 100%);
	}

	body > header > nav:after {
		content: '';
		/*padding: 5px 0 5px;*/
		margin: 0;
		clear: both;
		display: block;
		/*background: -moz-linear-gradient(top,#363531 0,#000 30%,#666 70%,#fff 100%);*/
	}

	body > header > nav > ul {
		display: block;
	}

	body > header > nav > ul:first-of-type {
		padding: 0 0 0 40px;
	}

	body > header > nav > ul:last-of-type {
		padding: 0 40px 0 0;
	}

	body > header > nav > ul:first-of-type > li {
		margin: 0;
		float: left;
	}

	body > header > nav > ul:last-of-type > li {
		margin: 0;
		float: right;
	}

	body > header > nav > ul > li a,
	body > header > nav > ul > li span {
		padding: 0 10px;
		line-height: 30px;
		font-weight: bold;
		color: #666666;
		text-transform: uppercase;
		font-size: .6em;
		border-radius: 0;
		display: block;
		text-decoration: none;
		margin: 0;
		background-color: transparent;
		border: 0;
	}

	body > header > nav > ul > li > a:hover {
		color: #ffffff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9db4cd', endColorstr='#819ebf', GradientType=0);
		background: #9db4cd;
		background: -moz-linear-gradient(top, #9db4cd 0, #90aac7 50%, #829fc0 46%, #819ebf 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9db4cd), color-stop(50%, #90aac7), color-stop(46%, #829fc0), color-stop(100%, #819ebf));
		background: -webkit-linear-gradient(top, #9db4cd 0, #90aac7 50%, #829fc0 46%, #819ebf 100%);
		background: -o-linear-gradient(top, #9db4cd 0, #90aac7 50%, #829fc0 46%, #819ebf 100%);
		background: -ms-linear-gradient(top, #9db4cd 0, #90aac7 50%, #829fc0 46%, #819ebf 100%);
		background: linear-gradient(top, #9db4cd 0, #90aac7 50%, #829fc0 46%, #819ebf 100%);
	}
}

/* -- */
.code {
	background-color: #eeeeee;
	overflow: auto;
}

pre {
	color: #000000;
	padding: 0 10px;
	font-family: monospace;
}

article {
	/*margin: 0 5px;*/
	margin: 0 10px;
}

article > h3 {
	line-height: 2;
	/*margin: 15px 5px;*/
	color: #222222;
	font-size: 1em;
	text-shadow: -1px 2px 3px #dddddd;
	font-weight: normal;
	border-bottom: 1px solid #ddddcc;
}

article > header > ul {
	padding: 0;
	/*margin: 25px 0 15px 0;*/
	/*
	line-height: 1.7;
	*/
	list-style: none;
}

article > header:after {
	content: '';
	clear: both;
	display: block;
}

@media only screen and (min-width: 768px) {
	article {
		margin: 0 40px;
	}

	article > header {
		/*background-color: red;*/
	}

	/*	article > section > header > ul > li {
			line-height: 1.85;
			color: #222;
			font-size: 1em;
			text-shadow: -1px 2px 3px #ddd;
			font-weight: normal;
		}
		article > section > header > ul:first-child > li {
			float: left;
		}
		article > section > header > ul:last-child > li {
			float: right;
		}
		article > section > header > ul > li > a {
			color: #222;
			color: rgba(0,0,0,.8);
			border-bottom-color: #a9a9a9;
			border-bottom: .1rem solid rgba(0,0,0,.05);
			text-decoration: none;
		}
		article > section > header > ul > li > a:hover {
			border-bottom-color: #a9a9a9;
		}
		article > section > header > ul:first-child li:after {
			content: '›';
			margin-left: 5px;
			margin-right: 5px;
		}
		article > section > header > ul li:last-child:after {
			content: '';
			margin: 0;
		}

		article > section > header > ul:last-child > li {
			margin-left: .5rem;
		}*/
}

/* Button */
.button {
	text-shadow: none;
	font-size: .75rem;
	display: inline-block;
	min-height: 1rem;
	/*margin-right: .5rem;*/
	padding: 0 .5rem;
	color: rgba(85, 85, 85, .95);
	line-height: 1.65;
	border: .1rem solid rgba(0, 0, 0, .25);
	border-radius: .2rem;
	background-image: -webkit-linear-gradient(top, #fbfbfa 0%, #e3e3df 100%);
	background-image: linear-gradient(to bottom, #fbfbfa 0%, #e3e3df 100%);
	vertical-align: baseline;
	text-decoration: none;
}

.button:hover, .button:active, .button:focus {
	color: #3c3c3c;
	border-color: rgba(0, 0, 0, .35);
	background-image: -webkit-linear-gradient(top, #fbfbfa 0%, #e3e3df 50%);
	background-image: linear-gradient(to bottom, #fbfbfa 0%, #e3e3df 50%);
	cursor: pointer;
	text-decoration: none;
}

.button.create {
	color: #ffffff;
	border-color: #799747;
	background-image: -webkit-linear-gradient(top, #b3d47d 0%, #88bb33 100%);
	background-image: linear-gradient(to bottom, #b3d47d 0%, #88bb33 100%);
}

.button.create:hover,
.button.create:active,
.button.create:focus {
	border-color: #6b863f;
	background-image: -webkit-linear-gradient(top, #b3d47d 0%, #88bb33 50%);
	background-image: linear-gradient(to bottom, #b3d47d 0%, #88bb33 50%);
}

.button.delete:hover,
.button.delete:active,
.button.delete:focus {
	color: rgba(255, 255, 255, .8);
	border-color: #870915;
	background-image: -webkit-linear-gradient(top, #e90a20 0%, #9e0b19 100%);
	background-image: linear-gradient(to bottom, #e90a20 0%, #9e0b19 100%);
}

/* Toggle Navigation */
body > header > a.toggle {
	position: absolute;
	right: 15px;
	top: 15px;
	/*float:right;*/
	padding: 8px 20px 8px 0;
	/*margin-right:10px;*/
	cursor: pointer;
}

body > header > a.toggle span > span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

body > header > a.toggle span,
body > header > a.toggle span:before,
body > header > a.toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 20px;
	background: white;
	position: absolute;
	display: block;
	content: ''
}

body > header > a.toggle span:before {
	top: -6px
}

body > header > a.toggle span:after {
	bottom: -6px
}

body > header > a.toggle span, body > header > a.toggle span:before, body > header > a.toggle span:after {
	transition: all 500ms ease-in-out
}

body > header > a.toggle.active span {
	background-color: transparent
}

body > header > a.toggle.active span:before, body > header > a.toggle.active span:after {
	top: 0
}

body > header > a.toggle.active span:before {
	transform: rotate(45deg)
}

body > header > a.toggle.active span:after {
	transform: rotate(-45deg)
}

#nav-show:target nav {
	display: block
}

nav.show {
	display: block
}

@media only screen and (min-width: 768px) {
	body > header > a.toggle {
		display: none;
	}
}

/* Table */
table {
	border-collapse: collapse;
	width: 100%
}

th:first-child, td:first-child {
	padding-left: 5px
}

thead th {
	font-size: .6em;
	font-weight: normal;
	text-align: left;
	padding: .75em 5px .75em 0;
	/*display:none*/
}

tbody tr td a {
	text-decoration: none;
	color: black
}

tbody tr td {
	font-size: .7em;
	padding: .75em 5px .75em 0;
	text-align: left;
	vertical-align: top
}

tfoot td {
	text-align: right;
	padding: .75em 5px .75em 0;
	font-size: .7em
}

table th:first-child, table td:first-child {
	padding-left: 5px
}

table tbody tr:nth-child(2n+1), table tbody tr:nth-child(2n) {
	border: 0
}

table tbody tr:nth-child(2n+1) {
	background-color: #eeeeee
}

/* Header */
article > header {
	margin: 10px 0;
}

article > header > h2,
article > header > h3,
article > header > h4 {
	/* line-height: 1.85; */
	line-height: 24px;
	color: #222222;
	font-size: 1em;
	text-shadow: -1px 2px 3px #dddddd;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

article > header > h2 a,
article > header > h3 a,
article > header > h4 a {
	color: #222222;
	color: rgba(0, 0, 0, .8);
	border-bottom: .1rem solid rgba(0, 0, 0, .05);
	text-decoration: none;
}

article > header > h2 a:hover,
article > header > h3 a:hover,
article > header > h4 a:hover {
	border-bottom-color: #a9a9a9;
}

article > header > ul,
article > header > h2,
article > header > h3,
article > header > h4 {
	display: inline-block;
}

article > header > ul {
	padding: 0;
	margin: 0;
}

article > header > ul {
	float: right;
}

article > header > ul > li {
	float: left;
	margin-left: .5rem;
}

article > header > ul > li:first-child {
	margin-left: 0;
}

article > header > h3:before,
article > header > h4:before {
	content: '›';
	margin-left: 2px;
	margin-right: 5px;
}

.hidden {
	display: none;
}

article header ul li form input[type=datetime-local] {
	/*float: left; */
}

article header ul li form input[type=submit],
article header ul li form input[type=datetime-local],
article header ul li form input[type=date],
article header ul li form input[type=time],
article header ul li form select {
	/* display: inline-block; */
	/* float: left; */
	/* vertical-align: bottom; */
	/* font-size: .8em; */
	/*
	margin-left: .2em;
	font-size: 0.9em;
	padding: 0.1em 0.4em;
	*/
}

article header ul li form input[type=date] {
	/* font-size: 0.6em; */
	/* line-height: 1.2; */
}

article header ul li form input[type=submit] {
	/*
	font-size: 0.9em;
	line-height: 1.2;
	padding: 0.1em 0.4em;
	*/
}

.period input[type=datetime-local] {
	border: 0;
	/* min-width: 100%; */
	/* text-align: right; */
	/* max-width: 190px; */
	/* max-width: 11.5em; */
	/* line-height: 24px; */
	/* display: block; */
	clear: both;
}

form {
	font-size: .8em;
}

img {
	max-width: 100%;
	height: auto;
}

/* Form */
article form fieldset p,
article form fieldset label {
	font-size: .9em;
}
article form fieldset input[type=text],
article form fieldset input[type=password],
article form fieldset input[type=number],
article form fieldset input[type=email],
article form fieldset input[type=date],
article form fieldset input[type=submit],
article form fieldset button,
article form fieldset textarea,
article form fieldset select {
	display: block;
	margin-bottom: .5em;
}
article form fieldset input[type="checkbox"] {
	margin: 0;
}
.checkbox {
	vertical-align: top;
}
.checkbox:after {
	content: '';
	display: block;
	clear: both;
	margin-bottom: .5em;
}

article form fieldset legend {
	line-height: 2;
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	color: #222222;
	font-size: 1em;
	text-shadow: -1px 2px 3px #dddddd;
	font-weight: normal;
	border-bottom: 1px solid #ddddcc;
}