@font-face {
	font-display: swap;
	font-family: Tahometta;
	src: url("../fonts/tahometta.woff2");
}
@font-face {
	font-display: swap;
	font-family: Pixarium;
	src: url("../fonts/pixarium.woff2");
}
@media (max-width: 768px) {
	#tytul_strony {
		visibility: hidden;
	}
}
:root {
	--kolor_1: #FFFFFF;
	--kolor_2: #000000;
	--kolor_3: #533322;
	--kolor_4: #000D29;
	--kolor_5: #AA0000;
	--kolor_6: #A4A4A4;
	--kolor_7: #FF6F9F;
	--kolor_8: #FFFFBB;
	--kolor_9: #494949;
	--kolor_10: #2F2F2F;
	--kolor_11: #575757;
	--kolor_12: #99B6D3;
	--maksymalna_liczba_wierszy_tabeli: 8;
	--rodzina_fontu_1: Tahometta;
	--rodzina_fontu_2: Pixarium;
	--rozmiar_fontu_1: 8px;
	--rozmiar_fontu_2: 16px;
	--rozmiar_fontu_3: 24px;
	--szerokosc_obramowania_1: 1px;
	--szerokosc_obramowania_2: 2px;
	--szerokosc_pojemnika: 960px;
	--szerokosc_znaku_fontu_1: 6px;
	--wypelnienie_1: 2px;
	--wypelnienie_2: 4px;
	--wypelnienie_3: 8px;
	--wypelnienie_4: 16px;
	--wysokosc_linii_1: 16px;
	--wysokosc_linii_2: 32px;
	--wysokosc_linii_3: 48px;
}
body {
	color: var(--kolor_1);
	font-family: var(--rodzina_fontu_1);
	font-size: var(--rozmiar_fontu_1);
	height: 100%;
	image-rendering: pixelated;
	line-height: var(--wysokosc_linii_1);
	margin: 0;
}
button {
	background: var(--kolor_5);
	border-color: var(--kolor_1) var(--kolor_6) var(--kolor_6) var(--kolor_1);
	border-style: solid;
	border-width: 2px;
	color: var(--kolor_1);
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	line-height: inherit;
	padding: var(--wypelnienie_1);
	width: calc(6 * var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
}
button:active:enabled {
	border-color: var(--kolor_6) var(--kolor_1) var(--kolor_1) var(--kolor_6);
}
button:disabled {
	background: var(--kolor_9);
	color: var(--kolor_6);
	cursor: initial;
}
button:focus {
	outline: none;
}
fieldset {
	background: var(--kolor_4);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	margin: 0;
	min-width: 0;
/*	overflow: hidden;*/
	padding: calc(var(--wysokosc_linii_1) + var(--wypelnienie_3) + var(--szerokosc_obramowania_1)) var(--wypelnienie_3) var(--wypelnienie_3);
	position: relative;
}
fieldset.bez_legendy {
	padding: var(--wypelnienie_3);
}
form {
	display: inline;
}
h1 {
	font-family: var(--rodzina_fontu_2);
	font-size: var(--rozmiar_fontu_2);
	font-weight: normal;
	line-height: var(--wysokosc_linii_2);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
html {
	background: var(--kolor_2);
	height: 100%;
	overflow-y: scroll;
	scrollbar-width: thin;
}
input {
	border-color: var(--kolor_6) var(--kolor_1) var(--kolor_1) var(--kolor_6);
	border-style: solid;
	border-width: var(--szerokosc_obramowania_2);
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: var(--wypelnienie_1);
}
input[type=checkbox] {
	appearance: none;
	background: var(--kolor_1);
	flex-shrink: 0;
	height: var(--wysokosc_linii_1);
	line-height: 15px;
	padding: 0;
	width: var(--wysokosc_linii_1);
}
input[type="checkbox"] + label {
	margin-bottom: 0;
	margin-left: var(--wypelnienie_2);
}
input[type="checkbox"].zablokowany {
	background: var(--kolor_6);
}
input[type=checkbox]:checked::before {
	color: var(--kolor_2);
	content: "✓";
}
input[type="file"] {
	display: none;
}
input[type="text"] {
	background: var(--kolor_1);
	color: var(--kolor_2);
	height: var(--wysokosc_linii_1);
	width: calc(100% - 2 * var(--wypelnienie_2));
}
input:disabled {
	background: var(--kolor_6) !important;
}
input:focus {
	outline: none;
}
label {
	display: block;
	line-height: inherit;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: none;
	white-space: nowrap;
}
select {
	appearance:none;
	background: var(--kolor_1) url("../images/arrow_head_down.png") no-repeat;
	background-position-x: 100%;
	border-color: var(--kolor_6) var(--kolor_1) var(--kolor_1) var(--kolor_6);
	border-style: solid;
	border-width: var(--szerokosc_obramowania_2);
	color: var(--kolor_2);
	font-family: inherit;
	font-size: inherit;
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	line-height: inherit;
	max-width: max-content;
	padding: var(--wypelnienie_1) 20px var(--wypelnienie_1) var(--wypelnienie_1);
	width: 100%;
}
select:disabled {
	background: var(--kolor_6) !important;
	color: transparent !important;
	opacity: unset;
}
select:focus {
	outline: none;
}
select option {
	font-family: inherit;
	font-size: inherit;
}
#gorny_wiersz_paska_logotypu_i_menu {
	display: flex;
	flex-shrink: 0;
}
#modal_blokady_strony {
	background: var(--kolor_1);
	color: var(--kolor_2);
	font-family: monospace;
	font-size: 13px;
	height: 100%;
	left: 0;
	padding: var(--wypelnienie_4);
	position: fixed;
	top: 0;
	visibility: hidden;
	width: calc(100% - 2 * var(--wypelnienie_4));
	z-index: 5;
}
#pasek_komunikatu {
	align-items: center;
	background: var(--kolor_3);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	display: flex;
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	overflow: hidden;
	padding: var(--wypelnienie_3);
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#pasek_logotypu_i_menu {
	background: var(--kolor_4);
	border-bottom: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	border-left: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	border-right: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	border-top: none;
	display: flex;
	justify-content: space-between;
/*	overflow: hidden;*/
	padding: var(--wypelnienie_3);
	position: relative;
	white-space: nowrap;
}
#pasek_stopki {
	align-items: center;
	background: var(--kolor_4);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	display: flex;
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	padding: var(--wypelnienie_3);
	position: relative;
}
#pojemnik {
	background: transparent;
	overflow: hidden;
	max-width: var(--szerokosc_pojemnika);
}
#stopka {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#tresc {
	background: var(--kolor_4);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
/*	overflow: hidden;*/
	padding: var(--wypelnienie_3);
}
#tytul_strony {
	font-family: var(--rodzina_fontu_2);
	font-size: var(--rozmiar_fontu_3);
	line-height: var(--wysokosc_linii_3);
	margin-right: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: none;
}
#zmiana_jezyka {
	margin-right: 16px;
}
.blad {
	background-color: var(--kolor_13) !important;
	color: var(--kolor_2) !important;
}
.blok_przewijanej_tabeli_danych {
	height: calc((1 + var(--maksymalna_liczba_wierszy_tabeli)) * (var(--wysokosc_linii_1) + 4 * var(--wypelnienie_2) + var(--szerokosc_obramowania_1)) + var(--szerokosc_obramowania_1));
	overflow: auto;
}
.komorka_trzech_przyciskow {
	max-width: calc(18 * var(--wysokosc_linii_1) + 8 * var(--wypelnienie_2));
	width: calc(18 * var(--wysokosc_linii_1) + 8 * var(--wypelnienie_2));
}
.lista_wyboru_nakladki {
	background-color: var(--kolor_1);
	box-sizing: border-box;
	color: var(--kolor_2);
	min-width: max-content;
	position: absolute;
	width: 100%;
	z-index: 3;
}
.lista_wyboru_nakladki > div {
	height: var(--wysokosc_linii_1);
	padding: var(--wypelnienie_2);
}
.lista_wyboru_nakladki > div:hover, .wybrany_element_na_liscie_wyboru_nakladki {
	background-color: var(--kolor_6);
}
.mala_pozioma_przestrzen {
	display: inline-block;
	flex-shrink: 0;
	height: 0;
	width: var(--wypelnienie_2);
}
.modal {
	background: rgba(0, 0, 0, 0.75);
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 4;
}
.nakladka_na_liste_wyboru {
	position: relative;
	user-select: none;
}
.nakladka_na_liste_wyboru select {
	display: none;
}
.niewidzialny_przycisk {
	display: inline-block;
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	vertical-align: middle;
	width: calc(6 * var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
}
.obszar_przyciskow {
	overflow-x: auto;
	white-space: nowrap;
}
.pionowa_przestrzen {
	height: var(--wypelnienie_4);
}
.pojemnik_flexbox {
	display: flex;
	overflow: hidden;
}
.pole_wyboru_jezyka {
	width: calc(9 * var(--szerokosc_znaku_fontu_1) + 2 * var(--wypelnienie_2));
}
.pole_wyboru_ukladu_strony {
	max-width: calc(22 * var(--szerokosc_znaku_fontu_1) + 2 * var(--wypelnienie_2));
}
.pole_wybranego_elementu_nakladki {
	background-color: var(--kolor_1);
	background-image: url("../images/arrow_head_down.png");
	background-position-x: 100%;
	background-repeat: no-repeat;
	border-color: var(--kolor_6) var(--kolor_1) var(--kolor_1) var(--kolor_6);
	border-style: solid;
	border-width: var(--szerokosc_obramowania_2);
	color: var(--kolor_2);
	height: var(--wysokosc_linii_1);
	overflow: hidden;
	padding: var(--wypelnienie_1);
	white-space: nowrap;
}
.popup {
	background: var(--kolor_4);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	color: var(--kolor_1);
	height: auto;
	max-width: calc(var(--szerokosc_pojemnika) - 2 * var(--wypelnienie_3) - 2 * var(--szerokosc_obramowania_1));
	overflow: hidden;
	padding: var(--wypelnienie_3);
	position: relative;
	text-overflow: ellipsis;
	visibility: hidden;
}
.szerokosc_3 {
	max-width: calc(4 * var(--szerokosc_znaku_fontu_1));
	width: calc(4 * var(--szerokosc_znaku_fontu_1));
}
.szerokosc_8 {
	max-width: calc(64 * var(--szerokosc_znaku_fontu_1));
	width: calc(64 * var(--szerokosc_znaku_fontu_1));
}
.tabela_danych {
	border-collapse: collapse;
	min-width: max-content;
}
.tabela_danych td {
	background: var(--kolor_9);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	overflow: hidden;
	padding: var(--wypelnienie_2);
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tabela_danych th {
	background: var(--kolor_10);
	border: var(--szerokosc_obramowania_1) solid var(--kolor_1);
	font-weight: normal;
	height: calc(var(--wysokosc_linii_1) + 2 * var(--wypelnienie_2));
	overflow: hidden;
	padding: var(--wypelnienie_2);
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tekst_pola_wybranego_elementu_nakladki {
	overflow: hidden;
	width: calc(100% - 20px);
}
.tekst_we_flexbox {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tekst_z_wypelnieniem {
	padding: var(--wypelnienie_1);
}
.ukryta_lista_wyboru_nakladki {
	display: none;
}
.wyrownanie_do_prawej {
	font-kerning: none;
	text-align: right;
}