form {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.popup {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 2001;
	background: rgba(0,0,0,0.5);
}
.popup > form,
.popup > div {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0;
	margin: auto;
	padding: 32px;
	width: 800px;
	max-height: 150px;
	background-color: #ffffff;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
}
label {
	display: inline-block;
	background-color: #e5e5e5;
	padding: 8px;
	text-align: right;
	min-width: 240px;
	width: 25vw;
	margin: 2px 8px 2px 0px;
}
label.required::after {
	content: ' *';
	color: #d60000;
}
.tabelapole > label  {
	margin: initial;
	float: initial;
	cursor: pointer;
}
input + label {
	display: initial;
	padding: initial;
	text-align: initial;
	width: initial;
	min-width: initial;
	margin: 4px;
	float: initial;
	background: initial;
	cursor: pointer;
}

label + fieldset {
	display: inline-block;
	border: 0px none transparent;
	padding: 8px 0px;
	margin: 0;
}
label + fieldset > legend {
	display: none;
}
.formline, .spaceline {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.spaceline {
	padding: 0px 8px 0px 0px;
}
.spaceline p {
	margin: 0px 0px;
	padding: 4px 0px;
}
.formline p,
.formline pre {
	margin: 2px 0px;
}
.html-prev {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width: 25vw;
	max-width: 25vw;
	padding: 10px 4px;
}
label + span,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='color'],
input[type='date'],
input[type='time'],
input[type='number'],
input[type='range'],
textarea,
select {
	/*flex: 1 0 auto;*/
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	width: 25vw;
	min-width: 240px;
	max-width: 25vw;
	padding: 8px 12px;
	margin: 2px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #414141;
	box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);
}
label + span {
	background-color: #fafafa;
	color: #919191;
}
label + a {
	margin: 2px;
}
textarea { height: 140px; }
select { width: 26.4vw; max-width: 26.4vw; }
select.numeryczne { min-width: 150px; width: initial; }
.btns select { width: 24vw; max-width: 24vw; }
input[type='color'] { width: initial; }
input[type='date'] { width: 130px; min-width: 130px; }
input[type='time'] { width: 90px; min-width: 90px; }
input[type='number'] { width: 90px; min-width: 90px; }
@media all and (min-width: 1024px) and (max-width: 1439px) {
	label + span,
	input[type='text'],
	input[type='email'],
	input[type='url'],
	input[type='password'],
	input[type='range'],
	textarea {
		width: 36vw;
		max-width: 36vw;
	}
	select {
		width: 39vw;
		max-width: 39vw;
	}
}


input[disabled],
textarea[disabled] {
	background: #f4f4f4;
}
.formline > em.fas {
	padding: 14px 0px 0px 8px;
	font-size: 16px;
	cursor: pointer;
}
.formline > em.fa-plus-circle {
	color: #79b631;
}
.formline > em.fa-trash-alt {
	color: #de0000;
}


input[type='checkbox'],
input[type='radio'] {
	opacity: 0;
	z-index: -1;
}
.tabelafolder input[type='checkbox'], .tabelafolder input[type='radio'],
.dzialania input[type='checkbox'], .dzialania input[type='radio'] {
	opacity: initial;
	z-index: initial;
	cursor: pointer;
}
input + label > span.radio,
input + label > span.checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #e5e5e5;
	position: absolute;
	margin: 3px 0px 0px -22px;
}
input + label > span.radio {
	border-radius: 10px;
}
input + label > span.readonly,
input + label > span.disabled  {
	opacity: 0.4;
	cursor: initial;
}
input:checked + label > span.radio:before,
input:checked + label > span.checkbox:before  {
	font-family: 'Font Awesome 5 Free';
	color: #2a3341;
	position: absolute;
	font-size: 125%;
}
input:checked + label > span.radio:before {
	content: "\f192";
}
input:checked + label > span.checkbox:before {
	content: "\f00c";
}
input:checked + label > span.radio,
input:checked + label > span.checkbox {
	background: #ffffff;
}

table + h2 {
	margin-top: 48px;
}
.opcjenumeracja + h2 {
	margin-top: 32px;
}

.btns {
	background: #ffffff;
	border: 1px solid #d4d4d4;
	padding: 4px;
	margin: 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 0px 0px 0px 16px rgba(251,251,251,1);
	margin: 16px 0px;
	z-index: 1;
	min-height: 42px;
	width: fit-content;
}
.btn-scroll em {
	color: #4b4b4b !important;
	font-size: 36px;
	margin: 0px 4px !important;
	cursor: pointer;
}

.btnsblock {
	background: #ffffff;
	border: 1px solid #d4d4d4;
	padding: 4px;
	margin: 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 0px 0px 0px 16px rgba(251,251,251,1);
	margin: 16px 0px;
	z-index: 1;
	min-height: 42px;
	width: fit-content;
}


input[type='submit'],
input[type='reset'],
input[type='button'],
.button,
.button-login {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 8px 8px 8px 32px;
	border: 1px solid #a0a0a0;
	min-width: 116px;
	margin: 2px;
	color: #000000;
	background: #f4f4f4;
	background: linear-gradient(to bottom, #ffffff 0px, #ffffff 1px, #f4f4f4 2px, #d9d9d9 100%);
}
.formline input[type='button'],
.formline input[type='submit'],
.formline input[type='reset'],
.formline button {
	min-width: 80px;
	padding: 8px;
}
.btn {
	margin: 2px;
	/*max-height: 38px;*/
	display: inline-block;
}
.btn_all {
	min-width: 116px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	padding: 8px 8px 8px 32px !important;
	margin: 0px !important;
}
.btn_mini_txt {
	font-size: 12px !important;
	line-height: 10px !important;
}
.btn_zapisz, .btn_dodaj, .btn_wyslij {
	border: 1px solid #48ac00 !important;
	color: #ffffff !important;
	background: #48ac00 !important;
	background: linear-gradient(to bottom, #49ad00, #419a00) !important;
}
.btn_usun {
	border: 1px solid #cd0000 !important;
	color: #ffffff !important;
	background: #e70000 !important;
	background: linear-gradient(to bottom, #e80000, #cd0000) !important;
}
.btn_zamknij, .btn_struktura, .btn_lista {
	border: 1px solid #414141 !important;
	color: #ffffff !important;
	background: #494949 !important;
	background: linear-gradient(to bottom, #525252, #414141) !important;
}
.btn .btn_fas,
.btn .btn_fas_bialy {
	position: absolute;
	margin: 13px 0px 0px 10px;
	z-index: 11;
}
.btn .btn_fas_bialy { color: #ffffff; }

.button-login {
	color: #ffffff !important;
	background: #364459 !important;
	border: 0px none transparent !important;
	min-width: 80px !important;
	margin: 0px !important;
}
.button-login-tlo {
	color: #ffffff;
	background: #2a3341;
	display: inline-block;
	margin: 8px 2px;
	text-align: right;
}
.button-login-tlo em {
	margin: 0px 12px;
}
input[type=submit] {

}
input[type=reset] {

}
input[type=button] {

}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	cursor: pointer;
}




.tabela-lista {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
}
.tabela-lista tr th {
	padding: 4px;
	background: #2a3341;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
}
.tabela-lista tr th.rotate270 {
	padding: 0;
	margin: 0;
	height: 96px;
}
.tabela-lista tr th.rotate270 span {
	display: block;
	position: relative;
	width: 32px;
	bottom: -24px;
	font-size: 10px;
	transform: rotate(-90deg);
}
.tabela-lista tr th a.asc:after,
.tabela-lista tr th a.desc:after,
.tabela-lista tr th a.filter:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	padding: 0px 0px 0px 8px;
}
.tabela-lista tr th a.asc:after {
	content: "\f15e";
}
.tabela-lista tr th a.desc:after {
	content: "\f15d";
}
.tabela-lista tr th a.filter:after {
	content: "\f0b0";
}
.tabela-lista tr td {
	padding: 6px;
}
.tabela-lista tr td,
.tabela-lista tr td * {
	word-break: break-word;
}
.tabela-lista tr td strong {
	font-weight: 600;
}
.tabela-lista tr td br + em:before {
	font-family: "Font Awesome 5 Free";
	content: "\f3e5";
	transform: rotate(180deg);
	display: inline-block;
  position: relative;
  top: -2px;
}
.tabela-lista tr:nth-child(even) td {
	background: #ffffff;
}
.tabela-lista tr:nth-child(odd) td {
	background: #f3f3f3;
}
.tabela-lista tr.nieaktywny td {
	color: #bbbbbb;
}
.tabela-struktura tr:not(.poziom-0) td {
	background: #ffffff;
}
.tabela-struktura tr.poziom-1 td {
	background: #f3f3f3;
}
.tabela-formularze tr td {
	background: #ffffff !important;
}
.tabela-lista tr:hover td {
	filter: brightness(85%);
}
.tabela-lista .tabelaliczba {
	text-align: right;
}
.tabela-lista .tabeladata, .tabelaimg {
	text-align: center;
}
.tabelaimg img {
	max-width: 80px;
	max-height: 45px;
}
.tabela-lista .tabelafolder:first-child span::before,
.tabela-lista .tabelafolder:first-child a::before {
	/*
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content: "\f142";
	*/
	content: "└";
	padding: 0px 4px;
}
.tabela-lista .numeracja {
	width: 48px;
	text-align: right;
}
.tabela-lista .dzialania {
	width: 32px;
	text-align: center;
	padding: 0px;
}
.tabela-lista .opisdzialania {
	text-align: right;
}
.tabela-lista .fas { color: #737373; }
.tabela-lista .fa-pencil-alt { color: #ba8b19; }
.tabela-lista .fa-eye { color: #008ada; }
.tabela-lista .fa-eye-slash { color: #a1c9e1; }
.tabela-lista .fa-toggle-on { color: #79b631; }
.tabela-lista .fa-toggle-off { color: #c1daa2; }
.tabela-lista .fa-trash-alt { color: #de0000; }
.tabela-lista .fa-arrow-circle-up { color: #79b631; }
.tabela-lista .fa-arrow-circle-down { color: #79b631; }
.tabela-lista .fa-plus-circle { color: #79b631; }
.tabela-lista .fa-folder-plus { color: #79b631; }
.tabela-lista .fa-exclamation { color: #ff9900; }
.tabeladata .fa-calendar-times {color: #737373 !important;}
.tabela-lista .fa-lock-open,
.tabela-lista .fa-sync,
.tabela-lista .fa-bell-slash,
.tabela-lista .fa-user-slash,
.tabela-lista .fa-bars,
.tabela-lista .fa-link,
.tabela-lista .fa-external-link-alt,
.tabela-lista .fa-cog,
.tabela-lista .fa-recycle,
.tabela-lista .fa-id-plus,
.tabela-lista .fa-sitemap { color: #CECECE; }

.tabela-lista td:not(.dzialania) .fas { color: inherit; padding: 0px 4px;}

.tabela-lista .nieaktywna td {
	background: #f3f3f3 !important;
}
.tabela-lista .aktywna td {
	background: #626262 !important;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}
.tabela-odstep td {
	height: 4px;
	background: #fbfbfb !important;
	border-top: 2px solid #626262;
}
.tabela-odstep:first-child td {
	border-top: none;
}
.tabela-lista .aktywna .fas { color: #ffffff; }
/*
.tabela-lista .menu-wybrane td:first-child {
	border-left: 1px solid #626262 !important;
}
.tabela-lista .menu-wybrane td:last-child {
	border-right: 1px solid #626262 !important;
}
*/


.tabela-uprawnienia {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
}
.tabela-uprawnienia tr th {
	padding: 4px;
	background: #2a3341;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
}
.tabela-uprawnienia tr td {
	padding: 1px;
}
.tabela-uprawnienia tr td,
.tabela-uprawnienia tr td * {
	word-break: break-word;
}
.tabela-uprawnienia tr td {
	background: #ffffff;
}
.tabela-uprawnienia tr:hover td {
	filter: brightness(85%);
}
.tabela-uprawnienia .poziom-all {
	height: 30px;
}
.tabela-uprawnienia .poziom-all td:first-child {
	font-weight: 600;
	text-transform: uppercase;
}
.tabela-uprawnienia .poziom-0 td {
	color: #ffffff;
	background: #626262;
	border-top: 32px solid #ffffff;
	font-weight: 600;
	text-transform: uppercase;
}
.tabela-uprawnienia .poziom-1 td {
	background: #f3f3f3;
	border-top: 8px solid #ffffff;
	font-weight: 600;
}
.tabela-uprawnienia select {
	margin: 0px;
	padding: 2px 4px;
	width: 160px;
}


.opcjenumeracja {
	margin: 16px 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
select.ilenastrone { min-width: 60px; width: initial;}
.paginacja {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.paginacja > a > span {
	display: none;
}
.paginacja > a,
.paginacja > strong,
.paginacja > span {
	display: block;
	background: #e5e5e5;
	padding: 6px 0px;
	width: 32px;
	text-align: center;
	margin: 0px 1px 0px 0px;
}
.paginacja > strong {
	background: #2a3341;
	color: #ffffff;
	font-weight: 400;
}
.paginacja > span {
	background: transparent;
}


@media all and (max-width: 639px) {
	.zawartosc { margin: 0px !important; }
	.tabela-lista tr {
		display: block !important;
		margin: 8px 0px !important;
	}
  	.tabela-lista th,
	.tabela-lista td {
		display: block;
		width: 100% !important;
		text-align: center !important;
		min-height: 20px;
		padding: 4px 0px !important;
	}
	.tabela-lista th {
		border-bottom: 1px solid #ffffff !important;
	}
	.tabela-lista th.dzialania {
		display: none;
	}
	.tabela-lista tr:nth-child(even) td {
		border-bottom: 1px solid #f3f3f3 !important;;
	}
	.tabela-lista tr:nth-child(odd) td {
		border-bottom: 1px solid #ffffff !important;
	}
	.formline,
	.opcjenumeracja {
		flex-flow: column wrap !important;
	}
	label {
		width: initial !important;
		text-align: center !important;
		margin: 0px !important;
	}
	.formline input {
		display: inline-block;
	}
	input[type='text'],
	input[type='password'],
	input[type='color'],
	input[type='date'],
	input[type='time'],
	input[type='number'],
	input[type='range'],
	textarea,
	select {
		width: 85vw !important;
		max-width: 85vw !important;
		min-width: 85vw !important;
		margin: 0px auto !important;
	}
}

.lista-plikow {
	display: flex;
	flex-wrap: wrap;
}
.lista-plikow div {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.lista-plikow div > * {
	margin: 1px 16px 1px 0px;
}
.plik-procent {
	width: 100px;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}
.plik-procent + b {
	color: #2a3341;
}
.plik-procent {
	height: 16px;
	overflow: hidden;
	border-radius: 8px;
}
.plik-procent span {
	display: block;
	height: 16px;
	background-color: #2a3341;
	background-image: linear-gradient(141deg, #e5e5e5 0%, #3c495d 51%, #2a3341 75%);
}
.drop-pliki {
	background-color: #ffffff;
	width: 52.5vw;
	padding: 16px;
	border: 2px dashed #e5e5e5;
	font-size: 125%;
	min-height: 76px;
	/*
	display: flex;
	justify-content: center;
	align-items: center;
	*/
}
.drop-pliki > span {
	display: block;
}
.pliki-konsola {
	background-color: #ffffff;
	width: 52.5vw;
	padding: 8px 16px;
	border: 1px dashed #e5e5e5;
	height: 100px;
	overflow-y: auto;
	color: #999999;
}