a:link {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: #565655;
	text-decoration: underline;
}
a:visited {
	color: #565655;
}
a:hover {
	color: #8d8d8b;
}


.large {
	font-size: 30px !important;
	font-weight: 700;
}

.big {
	font-size: 22px !important;
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-style: double;
}

.std {
	display: inline-block;
	font-size: 18px;
	margin: 4px 0;
	vertical-align: middle;
}

.std_title {
	font-size: 28px;
	font-weight: 700;
	padding: 10px 0 20px 0;
	text-align: center;
}

p.std {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0 20px 0;
	text-align: justify;
	white-space: pre-wrap;
}

input[type=text].std, input[type=number].std, input[type=date].std, input[type=email].std  {
	background: #fffcc7;
	border: none;
	border-bottom: 2px solid #041e87;
	float: right;
}
input[type=checkbox].std  {
	height: 20px;
  width: 20px;
	float: right;
}
input[type=date].std  {
	text-align: center;
}
textarea.std {
	background: #fffcc7;
}

.std:focus-visible {
	outline: 2px solid #bbb;
}

input[type=text].std:focus, input[type=number].std:focus, input[type=date].std:focus, input[type=email].std:focus {
	background: #ffdb4d;
	border: none;
	border-bottom: 2px solid #041e87;
}

input[type=submit].std {
	display: block;
	font-size: 24px;
	font-weight: 700;
	vertical-align: middle;
	margin: 1em auto;
	padding: 0.25em 1em;
	background: #187a06;
	color: #fff;
	/*border: 10px double #ebae34;*/
	border: 1px solid #187a06;
	border-radius: 8px;
	/*outline: 5px solid blue;
	outline-offset: 10px;*/
}

label.std {
	text-align: left;
	vertical-align: middle;	
}

button.std {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	vertical-align: middle;
	margin: 0.85em 0.5em;
	padding: 0.35em 1em;
	background: #fff;
	color: #565655;
	border: 2px solid #565655;
	border-radius: 8px;
}

/*Standardowa tabela z informacjami*/
.std_table {
	border-collapse: collapse;
	width: calc(100% - 18px);
	margin: 5px;
}

.std_table td, .std_table th {
	border: 1px solid #ddd;
	padding: 8px;
}

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

	.std_table tr:nth-child(even){background-color: #fff;}

	/*.std_table tr:nth-child(odd){background-color: #cce6ff;}*/
	.std_table tr:nth-child(odd){background-color: #fff;}
	/*.std_table tr:nth-child(odd){background-color: #fff; border: solid 2px #cce6ff; }*/

	.std_table tr:hover {background-color: #e6f3ff;}

	.std_table th {
		padding-top: 16px;
		padding-bottom: 16px;
		text-align: left;
		background-color: #b3d9ff;
		color: #111;
	}
}

@media screen and (max-width: 600px) {
	.std_table table{
		border: 0;
	}
	.scroll tbody{
		border: 0;
		display: flex;
	}
	
	.std_table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.std_table tr {
		border-bottom: 8px solid #3f3;
		display: block;
		margin-bottom: .625em;
		width: calc(100vw - 18px);
	}

	.scroll tr {
		border-bottom: none;
		border-right: 8px solid #3f3;
	}

	.std_table td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
		padding: 8px 12px;
	}

	.std_table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	.std_table td:last-child {
	border-bottom: 0;
	}
	
	.std_table td:nth-child(even){background-color: #fff;}

	.std_table td:nth-child(odd){background-color: #fff;}
}



/*"tabelka" z podkreslenia dolnego np. view, order*/
label.ut {
	display: table-cell;
	height: 2.2em;
	text-align: left;
	vertical-align: middle;	
	/*border-bottom: 2px solid #565655;*/
}

.view-col {
	display: flex;
	flex-grow: 1;
	/*flex-direction: column;*/
	/*background-color: #fff;*/
	/*border: 2px solid #fff;
	border-radius: 20px;*/
	/*width: 50%;*/
	min-width: 500px;
	width: 50%;
	min-height: 500px;
	font-size: 0;
	z-index: 10;
	position: relative;
}

@media only screen and (max-width: 900px) {
	.view-col {
		min-width: 100px;
		width: 100%;
	}
}

.tile {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	/*border: 2px solid #fff;
	border-radius: 20px;*/
	width: 100%;
	min-height: 100%;
	font-size: 0;
	z-index: 10;
	position: relative;
}

.tile-top {
	flex-grow: 1;
	background-color: #488dfa;
	border: 0px solid #488dfa;
	border-radius: 20px 20px 0px 0px;
	min-width: 100%;
	height: 60px;
	margin: auto;
	/*padding: 5px 5px 5px 15px;*/
	font-size: 17px;
	color: #fff;
	z-index: 15;
	position: relative;
}
.tile-top h2{
	padding-left: 25px;
	margin: auto 0;
}

.view-header {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	background-color: #accbfc;
	min-width: 100%;
	height: auto;
	margin: 7px auto;
	font-size: 17px;
	color: #488dfa;
	z-index: 15;
	position: relative;
}
.view-header-element {
	display: inline-block;
	padding: 3px 8px;
	font-size: 22px;
	font-weight: 700;
	color: #000080;
}
@media only screen and (max-width: 800px) {
	.view-header-element {
		width: 100%;
		padding: 8px 3px;
		font-size: 18px;
		text-align: center;
		border-bottom: 2px solid #fff;
	}
}

.desktop_main {
	display: flex;
	background-color: #accbfc;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0px;
}

.col-content {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	background-color: #accbfc;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0px;
}

/* Vertical tabs */
.v-tab {
	background-color: #488dfa;
	min-width: 100px;
	width: 100px;
	height: 100%;
	position: relative;
}
@media only screen and (max-width: 600px) {
	.v-tab {
		display: none !important;
	}
	.v-tab-content {
		display: flex !important;
	}
	.desktop_main {
		flex-wrap: wrap;
	}

}

.v-tab button {
	background-color: #488dfa;
	background-size: 85px 85px;
	background-repeat: no-repeat;
	background-position: center;
	color: rgba(0,0,0,0);
	/*padding: 80px 0px 0px 0px;*/
	width: 100%;
	height: 100px;
	border: none;
	outline: none;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
	font-size: 18px;
	font-weight: 700;
	z-index: 1;
	position: relative;
}

.v-tab button:hover {
	background-color: #fff;
	color: #488dfa;
	transition: 0.3s;
	width: 250px;
	z-index: 100;
}

.v-tab button.v-tab-active {
	background-color: #e6b800;
}

.v-tab button.v-tab-active:hover {
	background-color: #fff;
}

.v-tab-content {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	width: 100%;
	border-left: none;
	margin: 0 auto auto auto;
	z-index: 1;
}

/* Horizonal tabs */
.tab {
	display: inline-block;
	min-width: 150px;
	margin: 0px;
	padding: 10px 12px;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	color: #488dfa;
	background-color: #fff;
	border: none;
	/*border-radius: 20px 20px 0 0;
	border: 2px solid #fff;*/
}

.tab-active {
	border: 6px solid #488dfa;
	background: #488dfa;
	color: #fff;
}

.tab-content {
	display: block;
	width: 100%;
	margin: 9px 0px 29px 0px;
	padding: 0px 4px;
	background-color: #fff;
	border-radius: 0 0 20px 20px;
}

.tabs {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0;
	background-color: #fff;
	/*border-radius: 20px 20px 0 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;*/
	border: none;
	border-bottom: 3px solid #488dfa;
	/*box-shadow: 0 -3px #488dfa inset;*/
}

.w1 {
	width: 20vw;
	max-width: 171px;
}

.w2 {
	width: 30vw;
	max-width: 256px;
}

.w3 {
	width: 40vw;
	max-width: 341px;
}

.w4 {
	width: 60vw;
	max-width: 512px;
	margin: 0px auto;
}

.w5 {
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
}

.w6 {
	width: 90vw;
	max-width: 768px;
	margin: 0px auto;
}

.wrapper {
	width: 70vw;
	max-width: 597px;
	margin: 0px auto;
	background: #edf1ff;
	padding: 30px 0;
}
.wrapper h2 {
	text-align: center;
}
@media only screen and (max-width: 600px) {
	.ut {
		min-width: 100px;
	}

	.w1 {
		width: 25%;
	}

	.w2 {
		width: 50%;
	}

	.w3 {
		width: 75%;
	}

	.w4 {
		width: 96%;
	}

	.w5 {
		width: 100%;
		margin: 0px;
	}

	.wrapper {
		width: 100%;
	}
}


/*górny pasek - całość*/
.top_bar {
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 0;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #164DFF;
	z-index: 110;
}

/*górna część paska*/
.log_search {
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 0;
}

.login_field {
	display: inline-block;
	vertical-align: middle;
	padding: 18px;
}

.order_field {
	display: inline-block;
	margin: 10px 5px 10px auto;
	padding: 5px 9px;
	background-color: #fff;
	border: none;
	cursor:pointer;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 3px 3px 10px #333;
}

.order_field input[type="text"] {
	max-width: 60px;
	padding: 5px 8px;
	border: 2px solid #164dff;
	border-radius: 7px;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	&::-ms-expand { display: none };
}

.search_field {
	display: inline-block;
	margin: 10px 20px 10px auto;
	padding: 5px 9px;
	background-color: #fff;
	border: none;
	cursor:pointer;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 3px 3px 10px #333;
}

.search_field select {
	padding: 2px 28px 2px 10px;
	background-color: #fff;
	background-image: url("./icons/arrow-down.svg");
	background-position: right 1px center;
	background-repeat: no-repeat;
	border: none;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	&::-ms-expand { display: none };
}

.search_field input[type="text"] {
	max-width: 120px;
	padding: 4px 8px;
	border: 2px solid #164dff;
	border-radius: 7px;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	&::-ms-expand { display: none };
}

input[type="submit"].search_button {
	padding: 5px;
	background-color: #fff;
	border: none;
}

/*menu - część paska*/
.topnav {
	overflow: hidden;
	background-color: #003294;
}

.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	height: 20.8px;
}

.topnav a.active {
	float: left;
	display: block;
	background-color: #f2f2f2;
	color: #003294;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	height: 20.8px;
}

.topnav .icon {
	display: none;
}

.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
	font-size: 17px;    
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	font-weight: 700;
	/*font-style: italic;*/
	margin: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #164DFF;
	color: white;
}

.dropdown-content a:hover {
	background-color: #164DFF;
	color: white;
}

.dropdown:hover .dropdown-content {
	display: block;
}

@media screen and (max-width: 600px) {
	.topnav a:not(:first-child), .dropdown .dropbtn {
		display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive .dropdown {
		float: none;
	}
	.topnav.responsive .dropdown-content {
		position: relative;
	}
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	.login_field, .search_field, .order_field {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.search_field, .order_field {
		-webkit-border-radius: 0px;
		border-radius: 0px;
		box-shadow: none;
		padding: 15px 0;
	}
	.search_field input[type="text"], .order_field input[type="text"] {
		max-width: 170px;
	}
	.search_field select {
		padding: 2px 28px 2px 2px;
	}
}

.clipboard_button {
	font-size: 17px;    
	border: none;
	outline: none;
	padding: 0px 3px;
	background-color: white;
	margin: 0;
}

input[type=submit].przycisk_etap, a.przycisk_etap {
	display: inline-block;
	box-sizing: border-box;
	height: 48px;
	vertical-align: middle;
	text-decoration: none;
	border: 2px solid #ffffff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 12px 0px;
	font-size: 17px; 
	text-align: center;
	color: #ffffff;
	background-color: #cf9904;
	margin: 2px 0px;
}

input[type=submit].przycisk_status {
	display: inline-block;
	text-decoration: none;
	border: 2px solid #ffffff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 12px 0px;
	font-size: 17px; 
	text-align: center;
	color: #ffffff;
	background-color: #009933;
	margin: 2px 0px;
}

a:link.przycisk_komentarz, a:visited.przycisk_komentarz {
	display: inline-block;
	min-width: 220px;
	text-decoration: none;
	border: 2px solid #ff3300;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 12px 0px;
	font-size: 17px; 
	text-align: center;
	color: #ffffff;
	background-color: #9966ff;
	margin: 5px;
}


.sm_bt  {
	display: inline-block;
	padding: 3px 5px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #000;
	background-color: #ccffcc;
	border: 4px solid #ccffcc;
	border-radius: 4px;
}

.et0, .et1, .et2, .et3, .et4, .et5, .et6, .et7  {
	font-size: 18px;
	color: #009933;
	font-weight: 700;
}

.et0  {
	color: #ff5330;
}

.et1  {
	color: #ff5330;
}

.et2  {
	color: #ffc830;
}

.et3  {
	color: #0a9c05;
}

.et4  {
	color: #309bff;
}

.et5  {
	color: #8030ff;
}

.et6 {
	color: #a80785;
}

.et7 {
	color: #a80785;
}

.st1, .st2, .st3, .st4, .st5, .st6  {
	display: inline-block;
	font-size: 15px;
	width: 250px;
	font-weight: 700;
	text-align: center;
	color: #000;
	padding: 6px 9px;
	box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
	box-sizing: border-box;
	border: 4px solid;
	border-radius: 4px;
}
.st1:hover, .st2:hover, .st3:hover, .st4:hover, .st5:hover, .st6:hover  {
	box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
	transform: translateY(-2px);
	background-color: #fff;
}

.st1  {
	background-color: #ccffcc;
	border-color: #ccffcc;
}

.st2  {
	background-color: #99ccff;
	border-color: #99ccff;
}

.st3  {
	background-color: #ffeecc;
	border-color: #ffeecc;
}

.st4  {
	background-color: #ff704d;
	border-color: #ff704d;
}

.st5  {
	background-color: #ffff99;
	border-color: #ffff99;
}

.st6 {
	background-color: #ffff99;
	border-color: #ffff99;
}

a.remove_file {
	padding-left: 3px;
	color: #e60000;
	font-size: 21px;
	font-weight: 900;
}

.opis-img {
	width: 100%;
}


/* --------------------------------------------------------------------------------------------------*/
.search-select-field {
	box-sizing: border-box;
	background-position: 14px 12px;
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 14px 20px 12px 45px;
	border: none;
	border-bottom: 1px solid #ddd;
}

.search-select-field:focus {
	outline: 3px solid #ddd;
}

.search-select {
	display: block;
	position: absolute;
	z-index: 1;
}

.search-select a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: none;
}
/* --------------------------------------------------------------------------------------------------*/

input[type=submit] {
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
	margin: 2px 8px;
	padding: 4px 12px;
	background: #fcba03;
	color: #333;
	border: 1px solid #fcba03;
	border-radius: 80px;
}
select {
	min-width: 75px;
	height: 25px;
	vertical-align: middle;
}

/* --------------------------------------------------------------------------------------------------*/
	

	.label_zalaczniki {
		display: inline-block;
		padding-right: 8px;
		font-size: 16px;
	}

	.main {
		width: 100%;
		display: block;
	}
	.content {
		width: 100%;
		min-height: 100%;
		display: inline-block;
		float: left;
		overflow: scroll;
		padding: 0;
		overflow: hidden;
		margin-top: -18.5px;
	}
	.content a{
		/*text-decoration: none;*/
	}
	.view {
		width: 49.999%;
		display: inline-block;
		float: left;
		height: 475px;
		overflow-y: auto;
		overflow-x: hidden;
		border: none;
	}
	@media only screen and (max-width: 1279px) {
		.view {
			width: 100%;
			display: block;
			float: left;
			height: auto;
		}
	}
	html {
		margin: 0;
		overflow-x: hidden;
	}
	body {
		font-family: "Trebuchet MS";
		font-size: 16px;
		color: #565655;
		width: 100%;
		margin: 0;
		overflow-x: hidden;
	}
	legend {
		font-size: 21px;
	}
	h1 {
		font-size:23px;
		font-weight: 600;
		margin: 0;
		padding: 15px 0;
	}
	h2 {
		font-size:20px;
		font-weight: 700;
		margin: 0;
		padding: 12px 0;
	}
	h3 {
		font-size:18px;
		font-weight: 500;
		margin: 0;
		padding: 10px 0;
	}
	h4 {
		font-size:16px;
		font-weight: 500;
		margin: 0;
		padding: 8px 0;
	}
	h5 {
		font-size:16px;
		font-weight: 500;
		margin: 0;
		padding: 8px 0;
	}
	ul {
		list-style-type: circle;
		color: #d3840e;
	}
	table {
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #565655;
	}
	a:link.akcje, a:visited.akcje {
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 22px;
		font-weight: 700;
		text-align: center;
		color: #ffffff;
		background-color: #ff3300;
		text-decoration: none;
		border-radius: 15px;
		padding: 7px 10px;
		margin: 7px;
		display: inline-block;
		width: 180px;
	}
	a:link.do_archiwum, a:visited.do_archiwum {
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 23px;
		color: #ff3300;
	}
	.menu {
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		font-size: 16px;
		color: #d3840e;
	}
	button.menu {
		margin: 0;
		padding: 5px 0px;
		text-align: left;
		background-color: #ffffff;
		border: none;
		cursor: pointer;
	}
	.strzalka_gora {
		width: 0; 
		height: 0; 
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #333;
		margin-top: 1px;
		margin-right: 5px;
		margin-left: 3px;
		position: absolute;
	}
	.strzalka_dol{
		width: 0; 
		height: 0; 
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #333;
		margin-top: 11px;
		margin-right: 5px;
		margin-left: 3px;
		position: absolute;
	}
	.hide_column{
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background-color: #ff0000;
		margin-right: 5px;
	}
	.show_column{
		display: inline-block;
		vertical-align: middle;
		height: 13px;
		background-color: white;
		border: 2px solid #777;
		border-radius: 3px;
		color: #777 !important;
		padding: 0.25em 0.5em 0.75em 0.5em;
		margin: 0 2px;
		text-decoration: none !important;
	}
		
	a:link.bialy_link, a:visited.bialy_link, a:hover.bialy_link, a:active.bialy_link{
		color: #fff;
	}
	label.label_view {
		width: 100px;
		display:inline-block;
	}
	label.label_faktury {
		width: 175px;
		display:inline-block;
	}
	
	.hr-text {
		line-height: 1em;
		position: relative;
		outline: 0;
		border: 0;
		color: black;
		text-align: center;
		height: 1.5em;
		opacity: 1;
	}
	.hr-text:before {
		content: '';
		background: linear-gradient(to right, transparent, #000, transparent);
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
	}
	.hr-text:after {
		content: attr(data-content);
		position: relative;
		display: inline-block;
		color: black;

		padding: 0 .5em;
		line-height: 1.5em;
		color: #000;
		background-color: #fff;
	}
	
	.pole_tekstowe_duze{
		font-size: 20px;
	}
	
	a:link.wiek1, a:visited.wiek1{
		background-color: #009933;
		color: #ffffff;
		font-size: 18px;
		padding: 0.7em 1em;
		text-decoration: none;
		border-radius: 10px;
	}
	a:link.wiek2, a:visited.wiek2{
		background-color: #cc3300;
		color: #ffffff;
		font-size: 18px;
		padding: 0.7em 1em;
		text-decoration: none;
		border-radius: 10px;
	}
	a:link.wiek3, a:visited.wiek3{
		background-color: #617487;
		color: #ffffff;
		font-size: 18px;
		padding: 0.7em 1em;
		text-decoration: none;
		border-radius: 10px;
	}
	a:link.wiek4, a:visited.wiek4{
		background-color: #cc9900;
		color: #ffffff;
		font-size: 18px;
		padding: 0.7em 1em;
		text-decoration: none;
		border-radius: 10px;
	}
	span.s0{
		font-size: 16px;
		font-weight: 700;
	}
	span.s1{
		font-size: 16px;
		color: #009933;
		font-weight: 700;
	}
	span.s2{
		font-size: 16px;
		color: #cc3300;
		font-weight: 700;
	}
	span.s3{
		font-size: 22px;
		color: #ff3333;
		font-weight: 700;
	}
	span.s4{
		font-size: 16px;
		color: #9933ff;
		font-weight: 700;
	}
	span.s5{
		font-size: 16px;
		color: #0345fc;
		font-weight: 700;
	}
	span.s6{
		font-size: 18px;
		color: #000;
		font-weight: 700;
	}
	span.s7{
		font-size: 16px;
		color: #333;
		font-weight: 700;
	}
	span.s8{
		font-size: 14px;
		color: #666;
		font-weight: 700;
	}
	span.s9{
		font-size: 20px;
		color: #999;
		font-weight: 900;
		background: linear-gradient(0deg, #67cdff 45%, #005BBB 45%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	span.s10{
		font-size: 16px;
		font-weight: 700;
		background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

.progres-box {
	display: flex;
	margin: 5px 9px;
	min-height: 45px;
	align-items: center;
	label {
		display: flex;
		flex-basis: 150px;
		font-size: 18px;
		color: #000;
	}
}
.progres {
	position: relative;
	display: flex;
	flex-grow: 1;
	height: 25px;
	background-image: linear-gradient(to right, #ff4d4d, #00cc00 70%);
	border: 2px solid #000;
	.bar {
		position: absolute;
		height: 100%;
		top: 0;
		background-color: #ccc;
	}
	span {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 20%;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		color: #000;
	}
}
hr {
	border-top: 3px solid #333;
	margin: 15px 0;
}
input[type=submit].przycisk_active, a.przycisk_active {
	background-color: #f00;
}

a:link.wiadomosc_btn, a:visited.wiadomosc_btn {
	background-color: #009933;
	color: #ffffff;
	font-size: 18px;
	padding: 0.8em 1.2em;
	text-decoration: none;
	border-radius: 10px;
}
.scroll-box {
	position: relative;
	display: flex;
	width: 100%;
	height: auto;
	min-height: 225px;
}

.scroll {
	width: 100%;
	height: auto;
	/*min-height: 325px;*/
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}
.hover_img img {
	display:none;
}
.hover_img:hover img {
	display:block;
	position: fixed;
	top: 180px;
	left: 0;
	width: 60vw;
	height: auto;
	z-index: 120;
}
@media only screen and (max-width: 640px) {
	.hover_img:hover img {
		display:none;
	}
}