/*
kolor tła: #fefefe
główny kolor: #1e4e79 

kolory WARIANTU:
aktywny 1: #5b9bd5 (np tło wiersza tabeli)
aktywny 2: #759fcc (drugi schemat)
aktywny 3: #41719c (mocniejsza wersja 1) (przycisk z białą czcionką, obramowanie tabeli itp)
aktywny 4: #bdd0e9 (słabsza wersja 2 - kolor wyłączonych)
wyróżniony: #ed7d31 (pomarańcz) (kolor wyróżnienia pól aktywnych)
wyróżniony 2: #70ad47 (zielony) (kolor przycisków)
wyróżniony 3: #fec000 (żółty) (kolor wyróżnienia komunikatów)
*/
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

@media print
{    
body {background-color: white;}
table {background-color: white;}

    .no-print, .no-print *
    {
        display: none !important;
    }
}

.livesearch{
z-index: 100;    
}

body {
margin: 20px 0px 20px 0px;
font-family: Calibri, Verdana; 
font-size: 14pt; 
background-color: #f0f0f0;
color: #444444;
text-align: center;
}

#holder {
	width: 100%;
}

#holder > div {
	text-align: center;
	clear: both;
	padding: 2%;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	float: left;
	width: 96%;
}

#logowanie {
background-color: #f0f0f0;
width: 500px;
height: 230px;
border-radius:6px;
vertical-align: middle;
-webkit-box-shadow: 8px 8px 16px 0px rgba(66, 68, 90, 1);
-moz-box-shadow: 8px 8px 16px 0px rgba(66, 68, 90, 1);
box-shadow: 8px 8px 16px 0px rgba(66, 68, 90, 1);
}

label {
	font-family: Arial, sans-serif;
	display: inline;
	padding-left: 20px;
}

.question {
        /* display: block; */
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
        margin-top: 10px;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 6px 5px 5px 5px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.regular-checkbox + label:disabled {
	background-color: #dadada;
	border: 1px solid #cacece;
	cursor: default;
        color:gray;
}

.regular-checkbox + label:hover , .regular-checkbox:checked + label:hover {
	border: 1px solid blue;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	border: 1px solid red;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #fafafa; /* #e9ecee */
	border: 1px solid #cacece; /* #adb8c0 */
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: navy; /* #99a1a7 */
	font-weight: bold;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: navy; /* #99a1a7 */
}


.big-checkbox + label {
	padding: 12px 10px 10px 10px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}

table {
    background-color: none;
    cellspacing: 10px;
}
th {
    background-color: honeydew; 
    font-size: 20pt;
    font-weight: bold;
    padding: 15px;
    border-radius: 10px;
}
th.small {
    background-color: #adb8c0;
    font-size: 14pt;
    font-weight: bold;
    padding: 2px;
    border-radius: 0px;
}

tr.small {border:1px solid navy;}
td.small {border:1px solid navy;}

.tag {
	font-family: Arial, sans-serif;
        background-color: white;
	/* position: relative;
	top: 5px; */
	font-weight: bold;
	/* text-transform: uppercase; */
	/* display: inline; /* block */
	float: left;
	margin: 2px 2px 2px 2px;
}

.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}

/* ------- IGNORE */

#header {
	width: 100%;
	margin: 0px auto;
}

#header #center {
	text-align: center;
}

#header h1 span {
	color: #000;
	display: block;
	font-size: 50px;
}

#header p {
	font-family: 'Georgia', serif;
}
#header h1 {
	color: #892dbf;
	font: bold 40px 'Bree Serif', serif;
}

#travel {
	padding: 10px;
	background: rgba(0,0,0,0.6);
	border-bottom: 2px solid rgba(0,0,0,0.2);
	font-variant: normal;
	text-decoration: none;
	margin-bottom: 20px;
}

#travel a {
	font-family: 'Georgia', serif;
	text-decoration: none;
	border-bottom: 1px solid #f9f9f9;
	color: #f9f9f9;
}

tr.dane {
border-collapse:collapse;
border: 1px solid #5b9bd5;
background-color: #fefefe;
padding: 2px;
margin: 2px;
font-family: Calibri; 
font-size: 12pt;
vertical-align:middle;
color: #1e4e79;
cursor: pointer;
}

tr.dane:hover {
border-collapse:collapse;
border: 1px solid #5b9bd5;
background-color: #5b9bd5;
padding: 2px;
margin: 2px;
font-family: Calibri; 
font-size: 12pt;
vertical-align:middle;
color: #ffffff;
}

p {
margin:0px 0px 2px 0px;
}

a , a:visited {
color: #1e4e79;
font-weight:bold;
text-decoration: none;
}

a:hover {
color: #fec000;
}

a:active {
color: #ed7d31;
}

a.ukryj:link, a.ukryj:visited, a.ukryj:hover, a.ukryj:active {
color: #ed7d31;
text-decoration: none;
}

h4 {
font-weight: bold;
font-size: 14pt;
}

h3 {
font-weight: bold;
font-size: 16pt;
font-family: Calibri, Verdana;
}

input[type=text] , select, textarea {
border: 1px solid navy;
font-size:14pt;
font-family: Calibri;
color: #1e4e79;
background-color: #fefefe;
}

input[type=text]:focus , select:focus {
border: 1px solid navy;
color: black;
font-size:14pt;
font-family: Calibri;
background-color: #ffffff; /*#fec000;*/
}

input[type=text]:disabled , select:disabled{
border: 1px solid #bdd0e9;
color: #bdd0e9;
font-size:14pt;
font-family: Calibri;
}

input[type=password] {
border: 1px solid navy;
font-size:14pt;
font-family: Calibri;
color: #1e4e79;
background-color: #fefefe;
}

input[type=password]:disabled {
border: 1px solid #ed7d31;
color: black;
font-size:14pt;
font-family: Calibri;
color: #1e4e79;
background-color: #fefefe;
}

input[type=password]:active {
border: 1px solid focus;
color: black;
font-size:14pt;
font-family: Calibri;
background-color: #fefefe;
}

input[type=button], input[type=button].menu {
/*
cursor:pointer;
border: #70ad47 1px outset;
padding: 2px 20px 2px 20px;
color: #ffffff;
font-weight: bold;
font-size:12pt;
font-family: Calibri;
background-color: #70ad47; 
*/
        color: navy;
        padding: 6px 20px 6px 20px;
        margin-bottom: 10px;
        font-size: 28px;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0px -15px 10px -12px rgba(0,0,0,0.2);
	padding: 5px 15px 5px 15px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

input[type=button]:hover {
border: 1px solid blue;
color: blue;
box-shadow: 0 1px 2px rgba(0,0,10,0.2), inset 0px -15px 10px -12px rgba(0,0,10,0.2);
}

input[type=button]:active {
border: 1px solid red;
color: red;
box-shadow: 0 1px 2px rgba(255,0,0,0.2), inset 0px 1px 3px rgba(255,0,0,0.2);
}

input[type=button].small {
padding: 0px;
margin: 0px;
font-family: Calibri, Tahome, Arial;
font-weight: bold;
font-style: normal;
border: #adb8c0 1px outset;
border-radius: 0px;
background-color: #e9ecee;
color: navy;
font-size: 12pt;
cursor: pointer;
}

input[type=button][disabled].small, input[type=button][disabled].small:hover {
padding: 0px;
margin: 0px;
font-style: italic;
border: #adb8c0 1px outset;
background-color: #e9ecee;
color: lightgray;
font-size: 12pt;
cursor: default;
}

input[type=button].small:hover {
border: blue 1px outset;
color: blue;
}

input[type=button].small:active {
border: #adb8c0 1px inset;
color: red;
}

input[type=button].menu:hover {
color: #ed7d31;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
border: #fec000 1px outset;
background-color: #fec000;
}

input[type=button].menu:active {
color: #fec000;
border: #ed7d31 1px inset;
background-color: #ed7d31;
}

input[type=button]:active {
border: #70ad47 1px inset;
}

input[type=button][disabled] {
cursor:default;
color: #fefefe;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #bdd0e9;
}

input[type=button].anuluj {
cursor:pointer;
border: #ed7d31 1px outset;
padding: 2px 20px 2px 20px;
color: #ffffff;
font-weight: bold;
font-size:12pt;
font-family: Calibri;
background-color: #ed7d31;
}

input[type=button].anuluj:hover {
color: #fec000;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #ed7d31;
}

input[type=button].anuluj:active {
border: #ed7d31 1px inset;
}

input[type=button].anuluj[disabled] {
cursor:default;
color: #fefefe;
font-size:12pt;
font-weight: bold;
font-family: Calibri;
background-color: #bdd0e9;
}

table.small {border:1px solid navy;}

table.page {
border: 0px none;
font-size: 10pt;
padding: 4px;
margin: 4px;
font-weight: bold;
}

td.page {
border: 0px none;
}

input[type=button].page {
cursor:pointer;
border: #5b9bd5 1px outset;
padding: 2px 2px 2px 2px;
color: #ffffff;
font-weight: bold;
font-size:10pt;
font-family: Calibri;
background-color: #5b9bd5;
}

input[type=button].page:hover {
color: #fec000;
font-size:10pt;
font-weight: bold;
font-family: Calibri;
border: #41719c 1px outset;
background-color: #41719c;
}

input[type=button].page[disabled] {
cursor:default;
color: #fefefe;
font-size:10pt;
font-weight: bold;
font-family: Calibri;
border: #bdd0e9 1px inset;
background-color: #bdd0e9;
}
input[type=text].page {
text-align: right;
border: 1px solid #5b9bd5;
font-size:10pt;
font-weight: bold;
font-family: Calibri;
color: #1e4e79;
background-color: #bdd0e9;
width: 20px;
}

select.page {
cursor:pointer;
border: #5b9bd5 1px outset;
padding: 2px 2px 2px 2px;
color: #1e4e79;
font-weight: bold;
font-size:10pt;
font-family: Calibri;
background-color: #bdd0e9;
}

.hrleft {
border:0px none;
background:url(img/hr-right.png) repeat-y left;
}
.hrbottom {
border:0px none;
background:url(img/hr-bottom.png) repeat-x top;
}
.oznacz{
background-color:#fec000;
}
.infook{
color:#70ad47;
font-weight:bold;
}
.infoerror{
color:#ed7d31;
font-weight:bold;
}

#menu {
color: #1e4e79;
/* początek #bdd0e9, koniec #759fcc */
background: #bdd0e9; /* Old browsers */
background: -moz-linear-gradient(top,  #bdd0e9 0%, #759fcc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdd0e9), color-stop(100%,#759fcc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* IE10+ */
background: linear-gradient(top,  #bdd0e9 0%,#759fcc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd0e9', endColorstr='#759fcc',GradientType=0 ); /* IE6-9 */

/* background:url(img/menu.png) repeat-x left top;*/
font-family: Calibri; 
font-size:16pt;
font-weight:normal;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
text-align:center;
  position: fixed;
  left: 0;
  top: 0;
width: 100%;
}

#menu ul {
margin: 0px 0px 0px 0px;
}

#menu li {
list-style-type: none;
display:inline;
padding:0px 1px 0px 0px;
}

#menu a {
padding:6px 10px 6px 10px;
text-decoration:none;
font-weight:bold;
border:none;
/*background:url(img/menu.gif) repeat-x left top;*/
/* początek #759fcc , koniec #41719c */
background: #759fcc; /* Old browsers */
background: -moz-linear-gradient(top,  #759fcc 0%, #41719c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#759fcc), color-stop(100%,#41719c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#759fcc 0%,#41719c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#759fcc 0%,#41719c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#759fcc 0%,#41719c 100%); /* IE10+ */
background: linear-gradient(top,#759fcc 0%,#41719c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#41719c',GradientType=0 ); /* IE6-9 */

color:#ffffff;
}

#menu a:hover {
color: #fec000;
/* początek #5b9bd5; , koniec #1e4e79 */
background: #5b9bd5; /* Old browsers */
background: -moz-linear-gradient(top,#5b9bd5 0%, #1e4e79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b9bd5), color-stop(100%,#1e4e79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* IE10+ */
background: linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#1e4e79',GradientType=0 ); /* IE6-9 */
}

#menu a.menusel {
padding:6px 10px 6px 10px;
text-decoration:none;
font-weight:bold;
border:none;
/*background:url(img/menu.gif) repeat-x left top;*/
/* początek #759fcc , koniec #41719c */
background: #5b9bd5; /* Old browsers */
background: -moz-linear-gradient(top,#5b9bd5 0%, #1e4e79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b9bd5), color-stop(100%,#1e4e79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* IE10+ */
background: linear-gradient(top,#5b9bd5 0%,#1e4e79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#1e4e79',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

#menu a.menusel:hover {
color: #fec000;
}

#menu a.menusel:active {
color:#ed7d31;
}

#menu a:active {
color:#ed7d31;
}

#menu a:disabled {
font-weight: normal;
color:#bdd0e9;
/* początek #759fcc; , koniec #5b9bd5 */
background: #759fcc; /* Old browsers */
background: -moz-linear-gradient(top,#759fcc 0%, #5b9bd5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#759fcc), color-stop(100%,#5b9bd5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* IE10+ */
background: linear-gradient(top,#759fcc 0%,#5b9bd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759fcc', endColorstr='#5b9bd5',GradientType=0 ); /* IE6-9 */
}

a.menu:link,a.menu:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
background: #70ad47; 
border: outset 1px #70ad47;
}
a.menu:hover
{
color: #ed7d31;
background: #fec000; 
border: outset 1px #fec000;
}
a.menu:active
{
color: #fec000;
background: #ed7d31;
border: inset 1px #ed7d31;
}
*, *:after, *:before {
	box-sizing: border-box;
}

.container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

*, *:after, *:before {
	box-sizing: border-box;
}

h1 {
    font-family: "Inter", sans-serif;
	color: mix(#fff, #73739a, 85%);
	font-size: 30pt; /* calc(1em + 20vw) ; */
	font-weight: 900;
	text-shadow: 
		-0.0075em 0.0075em 0 mix(#fff, #3c3c80, 94%),
		0.005em 0.005em 0 mix(#fff, #3c3c80, 60%),
		0.01em 0.01em 0 mix(#fff, #3c3c80, 62%), 
		0.015em 0.015em mix(#fff, #3c3c80, 64%), 
		0.02em 0.02em 0 mix(#fff, #3c3c80, 66%), 
		0.025em 0.025em 0 mix(#fff, #3c3c80, 68%),
		0.03em 0.03em 0 mix(#fff, #3c3c80, 70%),
		0.035em 0.035em 0 mix(#fff, #3c3c80, 72%);
}

h2 {
    font-family: "Inter", sans-serif;
	color: mix(#fff, #7171bf, 85%);
	font-size: 24pt; /* calc(1em + 20vw) ; */
	font-weight: 900;
	text-shadow: 
		-0.0075em 0.0075em 0 mix(#fff, #a2a2cb, 94%),
		0.005em 0.005em 0 mix(#fff, #a2a2cb, 60%),
		0.01em 0.01em 0 mix(#fff, #a2a2cb, 62%), 
		0.015em 0.015em mix(#fff, #a2a2cb, 64%), 
		0.02em 0.02em 0 mix(#fff, #a2a2cb, 66%), 
		0.025em 0.025em 0 mix(#fff, #a2a2cb, 68%),
		0.03em 0.03em 0 mix(#fff, #a2a2cb, 70%),
		0.035em 0.035em 0 mix(#fff, #a2a2cb, 72%);
}