body
{
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background-color: #fafafa;
	color: #224;
	font-size: 0.9rem;
	line-height: 1.8;
}

nav
{
	position: sticky;
}

nav > ul
{
	background-color: #a7dff8;
	border-bottom: 1px solid #444;
}

nav > ul + ul
{
	background-color: #caecfb;
}

nav > ul > li
{
	list-style-type: none;
	padding: 0.2em 1.2em 0.2em 0;
}

nav > ul > li > a,
ul.nav > li > a
{
	text-decoration: none;
	color: #26799f;
}

nav > ul > li > a.current-link
{
	color: #111211;
}

nav > ul
{
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 2em;
}

nav > ul > li.separator
{
	flex-grow: 1;
}


article
{
	margin: 2em;
}

footer
{
	position: fixed;
	bottom: 0px;
	right: 0.4em;
	font-size: 0.8em;
	color: #888;
}

footer > a
{
	color: inherit;
	text-decoration: none;
}

h2
{
	margin: 0.5em 0;
	font-weight: normal;
}

pre
{
	overflow-x: auto;
}

fieldset
{
	border: 1px solid #888;
	background-color: #f5f5f5;
	width: max-content;
	min-width: 10em;
	margin-bottom: 2em;
	display: inline-block;
	vertical-align: top;
}

fieldset > legend
{
	font-size: 1.2em;
}

fieldset > div,
fieldset > table
{
}

fieldset > table.layout td > *
{
	width: 100%;
	margin-bottom: 0.6em;
}

fieldset > table.layout td:last-child
{
	padding-right: unset;
}

fieldset > table.layout th
{
	font-weight: unset;
	text-align: left;
}

fieldset > table.layout td
{
	padding-right: 0.5em;
}

fieldset > button,
fieldset > a.linkbutton
{
}

fieldset > label,
fieldset > table th
{
	color: #505050;
}

fieldset > span,
fieldset > div,
fieldset > input,
fieldset > select
{
	display: block;
	margin-bottom: 0.6em;
	width: 100%;
}

fieldset > span > input,
fieldset > span > select
{
	width: 100%;
}

fieldset > table.layout td > input[type=checkbox]
{
	width: unset;
}

button,
.linkbutton
{
	background-color: #6ab8ff;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2));
	background-repeat: no-repeat;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	color: white;
	cursor: pointer;
	margin: 0;
	margin-bottom: 0.4em;
	padding: 0.2em 0.7em;
	line-height: 25px;
	display: inline-block;
	text-decoration: none;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 0.9em;
	font-family: inherit;
	font-weight: normal;
	text-shadow: none;
	text-align: center;
	min-width: 7em;
}

button:hover,
.linkbutton:hover
{
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
	text-decoration: none;
}

button.secondary,
.linkbutton.secondary
{
	background-color: #ceedfa;
	color: #042d53;
}

button.warning,
.linkbutton.warning,
table.list td.warning
{
	background-color: #d50022;
}

button.accept,
.linkbutton.accept,
table.list td.accept
{
	background-color: #21a702;
}

input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
textarea,
select
{
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 2px;
	box-shadow: 0 1px 0 white, 0 4px 5px -5px rgba(0, 0, 0, 0.25) inset;
	box-sizing: border-box;
	color: #3b3b3b;
	padding: 0.4em 0.6em;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus
{
	border: 1px solid #5897fb;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
}

input[type="text"]:focus:invalid,
input[type="number"]:focus:invalid,
input[type="date"]:focus:invalid,
input[type="password"]:focus:invalid,
input[type="search"]:focus:invalid,
textarea:focus:invalid,
select:focus:invalid
{
	border: 1px solid #d50022;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
	outline: 2px ridge #d50022;
}

input[type="number"]
{
	text-align: right;
}

input[type="checkbox"]
{
	width: unset;
}

textarea
{
	height: 100px;
	width: 100%;
}

input[type="text"]:invalid,
input[type="number"]:invalid,
input[type="date"]:invalid,
input[type="password"]:invalid,
textarea:invalid,
select:invalid
{
	border-color: #d50022;
}

.field-validation-valid
{
	display: none;
}

*[title]
{
	cursor: help;
}

div.validation
{
	color: #ca1a1a;
}

div.validation > ul
{
	margin: 0;
}

table.list
{
	border-collapse: separate;
	border-spacing: 0px;
	min-width: 20em;
	/* table-layout: fixed; */
	margin-bottom: 2em;
	font-size: 0.9em;
	border-left: 1px solid #112;
	border-top: 1px solid #112;
}

table.list > thead > tr > th
{
	position: sticky;
	top: 0px;
}

table.list > thead > tr > th,
table.list > thead > tr > td,
table.list > tbody > tr > th,
table.list > tbody > tr > td,
table.list > tfoot > tr > th,
table.list > tfoot > tr > td
{
	border-right: 1px solid #112;
	border-bottom: 1px solid #112;
}

table.list > thead > tr > th,
table.list > thead > tr > td
{
	background-color: #f2f2f2;
	color: #222;
	text-align: left;
	padding: 2px 8px;
}

table.list > thead > tr > td > h3
{
	margin: 0;
	text-align: center;
}

table.list > thead > tr > th
{
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}

table.list > thead > tr > td > input[type=search]
{
	width: 100%;
}

table.list > thead > tr > td
{
	background-color: #e4ebeb;
}

table.list > tbody > tr > th,
table.list > tbody > tr > td
{
	color: #222;
	padding: 0px 4px;
	white-space: nowrap;
}

table.list > tbody > tr > td
{
	overflow: hidden;
	text-overflow: ellipsis;
}

table.list > tbody > tr > td:hover
{
	overflow: hidden;
	text-overflow: clip;
	white-space: normal;
	word-break: break-all;
}

table.list-full-width > tbody > tr > td
{
	max-width: 0;
}

table.list-horizontal-scroll > tbody > tr > td
{
	white-space: nowrap;
}

table.list > tbody > tr
{
	background-color: #fcfcfc;
}

table.list > tbody > tr:hover
{
	background-color: #daecff;
	color: #000;
}

table.list > tbody > tr > th
{
	background-color: #ecf5f5;
	font-weight: normal;
	text-align: left;
}

table.list > tbody > tr > td > a
{
	color: #26799f;
	text-decoration: none;
}

table.list > tbody > tr > td > a:hover
{
	color: #013349;
}

table.list > tfoot > tr > th
{
	background-color: #f2f2f2;
	color: #555;
	text-align: left;
	padding: 0.4em 0.5em;
	font-weight: normal;
}

table.list > tfoot > tr > th > *
{
	vertical-align: baseline;
}

table.list > tfoot > tr > th > span
{
	margin-left: 0.4em;
}

table.list > tfoot > tr > th > span.export-excel
{
	margin-left: 0.4em;
	cursor: pointer;
	text-decoration: none;
	font-size: 1.5em;
	margin-top: 0.2em;
}

table.list-global-filter
{
}

table.list-column-filter
{
}

table.list-paging
{
	display: none;
}

table.list > tbody > tr > td.num
{
	text-align: right;
}

table.list-full-width
{
	width: 100%;
}

table.list-horizontal-scroll
{
	width: max-content;
}

div.list-menu
{
	background: #ffffff;
	border: 1px solid #111;
	box-shadow: rgba(0,0,0,0.4) 5px 5px 5px;
}

div.list-menu ul
{
	padding-left: 0;
	margin: 0;
}

div.list-menu ul li
{
	list-style: none;
	padding: 0.2em 0.5em;
	margin: 0;
	cursor: pointer;
}

div.list-menu ul li:hover
{
	background-color: #ccc;
}

div.list-menu select
{
	width: 100%;
}

table.list .list-column-resizer
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0.5em;
	cursor: ew-resize;
}

table.list .list-column-resizer:hover
{
	background-color: rgba(0,0,0,0.2);
}

table.list .list-filter-clear
{
	position: absolute;
	top: 0.3em;
	right: 0.8em;
	cursor: pointer;
	text-decoration: none;
}

table.list .list-filter-lock
{
	position: absolute;
	top: 0.3em;
	right: 2.0em;
	cursor: pointer;
	text-decoration: none;
}

td > span.edytuj,
td > span.anuluj,
td > span.zapisz
{
	cursor: pointer;
}

td > span.anuluj,
td > span.zapisz
{
	display: none;
}

.podswietl
{
	animation: podswietl 1s;
}

@keyframes podswietl
{
	from
	{
		background-color: #2973f7;
	}

	to
	{
		background-color: #fcfcfc;
	}
}

.zgodny
{
	background-color: #8fed8b;
}

.niezgodny
{
	background-color: #ed9d8b;
}

#skanowanie
{
	display: none;
}

#skanowanie fieldset p 
{
	margin-top: 0;
	margin-bottom: 0.5em;
}

#skanowanie fieldset label
{
	display: block;
}

#skanowanie fieldset input
{
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

#skanowanie button
{
	width: 100%;
}

#skanowanie #odczyty ul
{
	margin: 0em 0em;
	padding-left: 0em;
}

#skanowanie #odczyty ul li
{
	list-style: none;
	margin: 0em;
}

#skanowanie #odczyty ul li .kod
{
	font-family: Consolas, 'Courier New';
}

@media print
{
	@page
	{
		size: auto;
		margin: 0;
	}

	body
	{
		margin: 0;
	}

	.ukryte-na-wydruku
	{
		display: none;
	}
}

#terminal
{
	margin: 1em;
}

#terminal fieldset
{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
}