body { background-color:#217ebf; font-weight: 400; padding-top:6pt; }

.btn{
    white-space:normal !important;
    word-wrap: break-word; 
}

.navbar { margin-bottom: 0; padding-left:0; padding-right: 0; display:block;}
.navbar-brand-p { }
.navbar-brand { white-space: normal; line-height:90%;margin-top:-4pt;font-size:28pt;font-weight: 500;margin-bottom:6pt;margin-right:0;color:lightyellow !important} 
.navbar-firma { font-size:14pt; font-weight:100; }
.navbar-kontakt { float:left; font-weight:100;font-size:14pt;}
.img-brand { margin-top:-2pt; margin-right:10pt; width:36pt; height:36pt;color:lightyellow !important }
#navbarHeader { font-weight:300; }


h1 { font-size:16pt; color:#2456a1; border-bottom:1pt #2456a1 solid; padding-bottom:6pt; margin-top:8pt;}
h2 { font-size: 13pt; }

.form-row { margin:0pt;}

.pp { border-bottom:1px  lightgray solid; margin-bottom:8pt;padding-bottom:8pt;}
.ppb { border-bottom:1px  lightgray solid; font-weight:bold; margin-bottom:8pt;}

.pxzw-1 { padding-left: .25rem!important; padding-right: .25rem!important; }
.pxzw-2 { padding-left: .5rem!important; padding-right: .5rem!important; }
.pxzw-3 { padding-left: 1rem!important; padding-right: 1rem!important; }
.pxzw-4 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
.pxzw-5 { padding-left: 3rem!important; padding-right: 3rem!important; }

.tooltip-inner { max-width: 100%; margin-left:13pt;margin-right:10pt} 

#toptext a { color:white; font-style:italic; color: yellow }
#toptext a:hover { color:lightgreen;  text-decoration: none; }
#toptext p a { color:white; font-style:italic; color: yellow }
#toptext p a:hover { color:lightgreen;  text-decoration: none;}
#toptext p {margin-bottom:5pt; }
#toptext { padding-top:20pt; padding-bottom:18pt;}

@media (max-width: 576px) {
	.form-row { margin:0pt;}
	
	.tooltip-inner { max-width: 100%; margin-left:3pt;margin-right:10pt} 
	
	.pp { border-bottom:1px  lightgray solid; margin-bottom:8pt;padding-bottom:8pt;}
	.ppb { border-bottom:0; font-weight:bold; margin-bottom:0pt;}
  
	.pxzw-1 { padding-left: .15rem!important; padding-right: .25rem!important; }
	.pxzw-2 { padding-left: .25rem!important; padding-right: .5rem!important; }
	.pxzw-3 { padding-left: .5rem!important; padding-right: 1rem!important; }
	.pxzw-4 { padding-left: .75rem!important; padding-right: 1.5rem!important; }
	.pxzw-5 { padding-left: 1rem!important; padding-right: 3rem!important; }

	.navbar-brand-p { text-align:center; margin-top:15pt; }
	.navbar-brand { white-space: normal; line-height:110%;margin-top:-4pt;font-size:24pt;font-weight: 500;margin-bottom:6pt;margin-right:4pt;margin-top:5pt;} 
	.navbar-firma { font-size:14pt; font-weight:100; }
	.navbar-kontakt { float:none; font-weight:100;font-size:14pt;}

	body {	padding-top:0;}
}

.page {
  min-height: 30rem; /* Can be removed; just added for demo purposes */
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

footer p {
  margin-bottom: .25rem;
}

.bg-zw {
  background-color:#2456a1;
}

.bg-zw-f {
  background-color:#217ebf;
}

.fw-zw {
  font-weight: 300;
}

.grad{ background:linear-gradient(to right, #2456a1, #217ebf); }
.gradw{ background:linear-gradient(to right, #2456a1, #007bff); }

.scroll-wrap {
    max-height: 70vh;
    overflow-y: auto;
}

.myrow {padding-left:1pt;padding-right:1pt;border:0;background:white !important;border-bottom:1px gray solid;border-radius:0;}

/* modyfikacja dni tyg */
.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0;
    font-weight: normal;
    color: green;
}


.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777;
    font-weight: normal;
}

.datepicker table tr td.disabled {
    color: #777 !important;
	background: #fff !important;
}

.datepicker table tr td.day {
	color: #777;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #777;
}

.datepicker table tr td.swieto {
    color: #777 !important;
	background: #fff !important;
}
 /* end */
 
 
 .hide_option_safari { opacity: 0; height: 0; width: 0; overflow: hidden; }

.flags { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }
.flags:hover { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ }