/*
	Style dla BIP - COIG, Piotr Witwicki, 2019.
*/
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold.woff') format('woff'),
         url('../fonts/OpenSans-Bold.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold.svg#OpenSansBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular.woff') format('woff'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular.svg#OpenSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light.woff') format('woff'),
         url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light.svg#OpenSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-condlight.eot');
    src: url('../fonts/OpenSans-condlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-condlight.woff') format('woff'),
         url('../fonts/OpenSans-condlight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;

}
 
@media print{
	.noprint{
	   display:none;
	}
}

input[type="submit"] {
	border-radius: 0;
}

.visuallyhidden {
  border: 0;
  clip-path: inset(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/** Główne style dla strony **/
body {
	color: #101010;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    text-transform: none;
	font-size: 15px;
	line-height: 1.5;
	background: #fff;
	text-decoration: none;
	overflow-x: hidden;
}

.small_size .headerL2 .col-md-2 {
	width: 20% !important;
}
.small_size .headerL2 .col-md-3 {
	width: 25% !important;
}
.small_size #footer .partners p,
.small_size #topnav li a,
.small_size .rejestrSpraw,
.small_size .overHeader,
.small_size #footer .footer-nav li a,
.small_size .catStat span,
.small_size .criterions p, 
.small_size .criterions label, 
.small_size .criterions input, 
.small_size .criterions-extra label,
.small_size .timestamp p, 
.small_size .timestamp label, 
.small_size .timestamp input,
.small_size .query i,
.small_size .docStat .statDesc,
.small_size #content-main .doc-changes a,
.small_size .doc-info .hd .toggler,
.small_size .doc-attachments a,
.small_size .doc-meta,
.small_size .doc-body-main p span,
.small_size #breadcrumbs li,
.small_size #breadcrumbs li a,
.small_size #content-main,
.small_size #content-main table thead tr a,
.small_size #content-main table tbody tr th,
.small_size #content-main table tbody tr th a,
.small_size #content-main table tbody tr td,
.small_size #content-main table tbody tr td a,
.small_size #content-main p,
.small_size #content-main H3,
.small_size #content-main H4,
.small_size .menugroup h2, 
.small_size .menu_informacyjne h2,
.small_size #menuLeftCol li a,
.small_size .doc-attachments li,
.small_size #colRight li a,
.small_size h1 font {
	font-size: 19px !important;
}

.large_size .headerL2 .col-md-2 {
	width: 22% !important;
}
.large_size .headerL2 .col-md-3 {
	width: 27% !important;
}
.large_size #footer .partners p,
.large_size #topnav li a,
.large_size .rejestrSpraw,
.large_size .overHeader,
.large_size #footer .footer-nav li a,
.large_size .catStat span,
.large_size .doc-body-main p span,
.large_size .criterions p, 
.large_size .criterions label, 
.large_size .criterions input, 
.large_size .criterions-extra label,
.large_size .timestamp p, 
.large_size .timestamp label, 
.large_size .timestamp input,
.large_size .query i,
.large_size .docStat .statDesc,
.large_size #content-main .doc-changes a,
.large_size .doc-info .hd .toggler,
.large_size .doc-attachments a,
.large_size .doc-meta,
.large_size #breadcrumbs li,
.large_size #breadcrumbs li a,
.large_size #content-main,
.large_size #content-main table thead tr a,
.large_size #content-main table tbody tr th,
.large_size #content-main table tbody tr th a,
.large_size #content-main table tbody tr td,
.large_size #content-main table tbody tr td a,
.large_size #content-main p,
.large_size #content-main H3,
.large_size #content-main H4,
.large_size .menugroup h2, 
.large_size .menu_informacyjne h2,
.large_size #menuLeftCol li a,
.large_size .doc-attachments li,
.large_size #colRight li a,
.large_size h1 font {
	font-size: 21px !important;
}

*:focus {
	box-shadow: 0 0 2px 2px #cc0000;
	outline: none !important;
	text-decoration: none !important;
	-webkit-box-decoration-break: clone;
	-ms-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.div-table {
	display: table;
	width: 100%;
	/*background-color: #eee;*/
	border: 1px solid #ffffff;
	border-spacing: 1px;
	border-collapse: separate;
	line-height: 3em;
}
.div-table-row {
	display: table-row;
	width: auto;
	clear: both;
}
.div-table-col {
	float: left; /* fix for  buggy browsers */
	display: table-cell !important;
	width: 45%;
	border: 1px solid #ffffff;
}

.div-table-col span {
	padding: 5px;
}

.div-table-col-th {
	float: left; /* fix for  buggy browsers */
	display: table-cell !important;
	width: 55%;
	border: 1px solid #ffffff;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
}

.div-table-col-th span {
	padding: 5px;
}

/* @group sprites */
#topnav a,
#breadcrumbs li,
p.link_cases a,
ul.menu li a,
div.stats h2,
div.box_links h2,
div.box_links ul li,
.doc-meta a,
.doc-meta span,
.doc-back a,
.doc-attachments h3,
.doc-info h3,
.doc-changes h3,
ul.results-documents dd.path,
ul.results-documents .author,
#search-results ul li dd .date,
ul.results-cases dt a,
ul.results-cases dt em,
img.spriteicon,
div.changes-group h3,
ul.treelist a,
ul.staff a,
div.menugroup li.branched ul li a.node,
div.menugroup li.branched ul li  a,
fieldset.timestamp img
{ background-image: url(../images/icons-sprites.png); background-repeat: no-repeat; background-position: -9999px -9999px; }

/* icons */
img.spriteicon { width: 16px; height: 16px; vertical-align: middle; }
img.ico-00 { background-position: 0 0; }
img.ico-01 { background-position: 0 -50px; }
img.ico-02 { background-position: 0 -100px; }
img.ico-03 { background-position: 0 -150px; }
img.ico-04 { background-position: 0 -200px; }
img.ico-05 { background-position: 0 -250px; }
img.ico-06 { background-position: 0 -300px; }
img.ico-07 { background-position: 0 -350px; }
img.ico-08 { background-position: 0 -400px; }
img.ico-09 { background-position: 0 -450px; }
img.ico-10 { background-position: 0 -500px; }
img.ico-11 { background-position: 0 -550px; }
img.ico-12 { background-position: 0 -600px; }
img.ico-13 { background-position: 0 -650px; }

img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

a:hover, #searchbar input#searchbar-submit:hover, 
#buttonWd, #wdContentOnSite {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

a {
	color: #a51a33
}

a:hover {
	color: #84152a
}

a:visited {
	color: #580f1d
}

.containerGray {
	background: #eee;
}

.containerBlack {
	background: #000;
}

.containerWhite {
	background: #fff;
}

.alignright {
	float: right;
	margin-left: 30px
}

.alignleft {
	float: left;
	margin-right: 30px
}

.hiddenReader {
	position:absolute;
	/*left:-10000px;*/
	opacity: 0;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
blockquote {
	font-style: italic
}

iframe {
	width: 100%;
	height: 450px;
	border: none
}

a#top {
	position: fixed;
	top: 0;
	left: 0;
}

#colLeft ul, #colLeft ol, #colRight ul, #colRight ol {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none
}

#colLeft ul li ul, #colLeft ol li ol, #colRight ul li ul, #colRight ol li ol {
	margin: 0 0 0 5px;
}

#page .container {
	background-color: #fff;
}

#page .container.overHeader {
	background-color: #d5d5d5;
	border-bottom: 1px solid #cccccc;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 100;
}

#page #header {
	margin-top: 30px;
	margin-bottom: 30px
}

p, a, li, span {
	word-wrap: break-word;
}

/* Menu dostępności */
ul.reader-nav {
	list-style: none;
	z-index: 1000;
	position: absolute;
	top: 48px;
}

.reader-nav {
	float: left;
	padding: 0;
}

.reader-nav a {
	position: relative;
}

@keyframes fadeIn {
	from { opacity: 0; } /* Początek animacji: element jest niewidoczny */
	to { opacity: 1; } /* Koniec animacji: element jest w pełni widoczny */
}

.reader-nav li {
	display: block;
	margin-bottom: 10px;
    /*display: inline;*/
    /*left: -9000em;*/
    padding: 5px 10px;
    /*position: absolute;*/
    text-align: center;
    text-decoration: none;
    /*width: 250px;*/
    z-index: 1;
	font-size: 16px;
	opacity: 0;
}
.reader-nav li:not(:first-child) {
	margin-top: -60px; /* Stosuje negatywny margines gĂłrny do wszystkich elementĂłw li, oprĂłcz pierwszego */
}

.reader-nav li:hover,
.reader-nav li:focus,
.reader-nav li:active {
    background: #4B4B4B;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
	opacity: 1;
	animation-name: fadeIn;
	animation-duration: 0.8s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}

.hide {
    height: 1px;
    width: 1px;
    position: absolute;
    left: -10000em;
    top: 0;
}

/* Header */
#usabilityBox {
	font-size: 14px;
}

.removePadding {
	padding-left: 0;
	padding-right: 0;
	line-height: 45px;
}
.removeRowPadding {
	margin-right: 0;
	margin-left: 0;
}
.darkgreen {
	background-color: #007f0c;
}
#zmianaKontrastu {
	line-height: 45px;
}
.usabilityBox a {
	color: #000;
	text-align: center;
}

.usabilityBox a:hover {
	font-weight: bold !important
}

#usabilityBox a {
	color: #000;
	display: inline-block;
	vertical-align: bottom;
	font-size: 16px
}

#usabilityBox > div {
	display: inline-block;
    height: 45px;
    line-height: 45px;
}

#zmianaKontrastu {
	background: url(../images/okulary.png) no-repeat 0 50% scroll;
	padding-left: 25px
}

#zmianaKontrastu span {
	margin-right: 10px;
	display: inline-block;
}

#zmianaRozmiaru {
	display: inline-block;
}

#zmianaRozmiaru img {
	width: 18px;
	overflow: hidden;
	height: 12px;
}

#zmianaRozmiaru span {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 5px;
	height: 100%;
	text-align: center;
}

#zmianaRozmiaru span.zmniejsz {
	font-size: 22px
}

#zmianaRozmiaru span.zwieksz {
	font-size: 28px
}

#zmianaRozmiaru span a {
	color: #000;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
	line-height: 25px;
	width: 30px;
}

#zmianaRozmiaru span.zmniejsz a {
	font-size: 25px;
}

#zmianaRozmiaru span a:hover {
	text-decoration: none;
	opacity: 0.5
}

#header #topnav {
	display: inline-block;
	margin: 15px 0 0;
	padding: 0
}

#header #topnav ol, #header #topnav li {
	margin-left: 0
}

#header .headerL1 {
	min-height: 170px;
}

#header #bipLogo,
#header #logoPodmiotu {
	height: 150px
}

#topnav li {
	display: inline-block;
}

#topnav li.mapa {
	margin-right: 20px
}

#topnav li.rejestr {
	margin-right: 26px
}

#topnav li a {
	font-size: 14px;
	color: #636363;
}

#searchbar {
	display: inline-block;
	width: 100%;
}

#searchbar fieldset {
	position: relative;
}

#searchbar input#searchbar-text {
	width: 100%;
	background: #fff;
	border: none;
	height: 45px;
	color: #000;
	padding: 5px 50px 5px 5px
}

::placeholder {
  color: #000;
  opacity: 1
}

#searchbar input#searchbar-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background: #009211 url(../images/lupka.png) no-repeat 50% 50% !important;
	border: none;
	text-indent: -9000px
}

#searchbar input#searchbar-submit:hover {
	opacity: 0.6
}

.searchBox, #usabilityBox {
	height: 45px
}

#advSearchBtnWrap {
	line-height: 45px !important;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #007f0c;
	color: #fff;
	text-align: center;
}
#advSearchBtnWrap a{
	color: #fff;
}

.breadcrumbsBox {
	min-height: 45px;
	border-top: 1px solid #ddd;
}

#breadcrumbs {
	display: table;
	min-height: 45px;
	height: 45px;
	width: 100%;
	margin: 0;
	padding: 0
}

#breadcrumbs li {
	display: table-cell;
	vertical-align: middle
}

#breadcrumbs li, #breadcrumbs li a {
	color: #636363;
	font-size: 14px
}

#breadcrumbs li a:first-child {
	font-weight: 700
}

#breadcrumbs li a:last-child {
	color: #036d92
}

.rejestrSpraw {
	margin: 10px 0 0;
	padding: 0 0 0 25px;
	font-weight: 700;
	color: #c81f20;
	font-size: 16px;
	line-height: 1;
	background: url(../images/teczka.png) no-repeat 0 50%;
}

.rejestrSpraw a {
	font-weight: 700;
	color: #c81f20
}

/** Main **/
#main {
	padding-top: 30px;
	box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
	position: relative;
}

#main #content {
	padding-bottom: 20px;
}

/* #content-main {
	overflow-x: auto;
} */

#content-main > .doc-body > div > h1 {
	margin: 0 0 20px 0
}

#content-main p a {
	text-decoration: underline;
	font-weight: 500
}

#content-main > h2 {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #eee;
	padding: 0 0 4px;
}

#content-main > div {
	display: inline-block;
	width: 100%;
	overflow: hidden;
}

#content-main div.doc-body {
	overflow: auto;
	padding-top: 20px;
	position: relative;
}

.doc-body .suwala-doubleScroll-scroll-wrapper {
	top: 0;
}

.fixed .doc-body .suwala-doubleScroll-scroll-wrapper {
	position: fixed !important;
	background: #fff;
}

#form_sort .num label, #form_sort .status label {
    width: 150px;
	font-size: 14px;
}

#form_sort .num input, #form_sort .status select {
	width: 200px;
	height: 30px
}

/* @group Document
------------------------------------------------ */
.doc-meta { font-size: 12px; border-bottom: 1px solid #f8efef; padding: 10px 0 8px 0; margin-bottom: 1.2em; }
	.doc-meta .print { padding: 1px 0 1px 20px; background-position: 0 -698px; float: right; line-height: 1.5em; margin-right: 2px; }
	.doc-meta .author { padding: 1px 0 1px 20px; background-position: 0 -450px; }
	.doc-meta .date { padding: 1px 0 1px 20px; background-position: 0 -500px; margin: 0 0 0 4ex }

.doc-body {}
.doc-back { text-align: right; margin-top: 5px; }
	.doc-back a { background-position: 0 -748px; padding-left: 20px; margin-right: 2px; }



.doc-attachments h3 { font-size: 14px; background-color: #f0f0f0; background-position: 7px -793px; padding: 6px 8px 6px 28px; margin-bottom: 2px; }
	.doc-attachments ul { margin: 0 0 8px; font-size: 12px; list-style: none; padding: 0 }
	.doc-attachments li { margin-bottom: 2px; padding: 2px 8px; background: #f5f5f5  }

.doc-info{padding-bottom: 8px;}
	.doc-info .hd { background-color: #f0f0f0; padding: 6px 8px 6px; margin-bottom: 1px; border: 1px solid #ccc; position: relative; }
	.doc-info .hd h3 { font-size: 14px; background-position: 0 -49px; padding: 0 0 0 26px; margin: 0 }
	.doc-info .hd .toggler { font-size: 12px; position: absolute; right: 6px; top: 6px; cursor: pointer; }
	.doc-info table { border-collapse: separate; font-size: 12px; border-spacing: 1px; width: 100%; }
	.doc-info th,
	.doc-info td { background: #f5f5f5; padding: 2px 8px }

.doc-changes .hd { background-color: #eedddd; padding: 6px 8px 6px; margin-bottom: 1px; border: 1px solid #c97976; position: relative; }
	.doc-changes .hd h3 { font-size: 14px; background-position: 0 -50px; padding: 0 0 0 26px; margin: 0 }
	.doc-changes .hd .toggler { font-size: 12px; position: absolute; right: 6px; top: 6px; }
	.doc-changes .hd .toggler span { cursor: pointer; }
	.doc-changes .hd .toggler .show { display: none; }
.doc-changes_collapsed .hd .toggler .show { display: inline; }
.doc-changes_collapsed .hd .toggler .hide { display: none; }
.doc-changes_collapsed .bd { display: none; }
.doc-changes table { border-collapse: separate; font-size: 12px; border-spacing: 1px; width: 100%; }
	.doc-changes th,
	.doc-changes td,
	.div-table-col,
	.div-table-col-th { background: #f3e9e9; padding: 2px 8px }
	.doc-changes th { text-align: center; }


/* Pager */
.pager { text-align: center; margin-top: 2em; font-size: 18px }
.pager a, .pager input[type="button"], .pager span { border: 1px solid; color: #000; padding: 2px 6px; display: inline-block; margin-bottom: 5px }
.pager strong { background: #000; color: #fff; padding: 3px 7px }
.pager span { color: #036d92 }

.pager a, .pager input[type="button"], .pager span {
	color: #000
}

.pager strong {
	color: #fff;
}

.pager strong {
    background: none repeat scroll 0 0 #000;	
}

/* Kolumny boczne */
.menugroup, .menu_informacyjne, .box_links {
	margin-bottom: 25px;
	margin-left: 0
}

.menugroup h2, .menu_informacyjne h2 {
	background: none repeat scroll 0 0 #036d92;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
}

.menu_informacyjne h2 a,
.menugroup h2 a {
	color: #fff;
	display: inline-block;
	width: 100%;
}

.menu_informacyjne h2 a:focus,
.menugroup h2 a:focus {
	box-shadow: 0 0 2px 2px #fff; 
}

.menugroup > ul {
	margin-left: 14px
}

.menugroup ul li {
	border-bottom: 1px solid #eee;
    margin-bottom: 6px;
    padding-bottom: 6px;
    position: relative
}

.menugroup > ul > li:before {
	position: absolute;
	top: 0;
	left: -14px;
	display: inline-block;
	width: 8px;
	height: 100%;
	content: "";
	background: url(../images/arrowMenu.png) no-repeat 0 7px;
}

.menugroup > ul > li.branched:before {
	display: none
}

.menugroup ul li a {
	font-weight: 300;
	font-size: 16px;
	color: #636363;
	line-height: 1
}

.menugroup ul li ul li a {
	font-size: 15px
}

.menugroup ul li a:hover, .menugroup ul li.active > a {
	color: #036d92
}

.menugroup ul li.active > a {
	font-weight: 700
}

.menugroup ul li ul {
	padding-left: 7px;
	margin-top: 8px;
	
}

.menugroup ul li ul li {
	border-bottom: 0;
	padding-bottom: 0
}

.menugroup ul li ul li:before, .menugroup ul li.branched:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	display: inline-block;
	background: #eee;
	top: 0;
	left: -9px;
}

.menugroup ul li ul li.active:before, .menugroup ul li ul li:last-child:hover:before, .menugroup ul li.branched.active:before, .menugroup ul li.branched:last-child:hover:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	display: inline-block;
	background: #036d92;
	top: 0;
	left: -9px;
}

.menugroup ul li.branched.active:before, .menugroup ul li.branched:last-child:hover:before, .menugroup ul li.branched:before {
	height: 24px
}

.menu_informacyjne li {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px
}

.menu_informacyjne li a {
	font-weight: 300;
	color: #036d92;
	font-size: 16px;
	line-height: 1;
}

.box_links h2 {
	color: #005b09;
	border-left: 1px solid #005b09;
	padding: 0 0 0 10px;
	margin: 0 0 20px 0;
	font-size: 18px
}

.box_links li {
	margin-bottom: 10px
}

.box_links li a {
	font-weight: 300;
	color: #005b09;
	font-size: 14px;
	line-height: 1
}

.link_archive {
	background: #c81f20;
	padding: 10px;
	line-height: 1;
	text-align: center
}

.link_archive a {
	color: #fff;
	font-size: 13px;
}

/** Treść **/
.essence img.photo {
	float: left;
	margin: 0 20px 20px 0
}

#content-main h2.doc-title-hide {
	display: none
}

#content-main h2.doc-title {
	display: block;
}

#content-main #tp_cont > table > tbody > tr > td,
#content-main #tp_cont > table > tbody > tr ,
#content-main #tp_cont > table > tbody,
#content-main #tp_cont > table {
	width: 100%;
	height: initial !important;
	box-sizing: border-box;
	display: inline-block;
}

#content-main table {
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	overflow: hidden;	
}

#content-main table thead tr > th:nth-child(1) {
	min-width: 120px;
}

#content-main table thead tr > th:nth-child(2) {
	min-width: 160px;
}

#content-main table thead tr {
	background: #eee;
	color: #888;
	text-align: left
}

#content-main table thead tr th {
	padding: 5px;
}

#content-main table thead tr a {
	color: #036d92;
	font-weight: 400;
	font-size: 14px
}

#content-main table tbody {
	background: #f6f6f6;
}

#content-main table tbody tr {
	border-bottom: 1px solid #ddd;
}

#content-main table tbody tr th {
	padding: 5px;
	font-size: 15px;
	font-weight: 400
}

#content-main table tbody tr td {
	padding: 15px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
}

/*#content-main .doc-body table tbody tr td {
	border: 1px solid #000
}*/

#content-main .doc-body table tbody tr {
	border-bottom: 0;
}

#content-main .doc-body table {
	border-spacing: 0;
	border-collapse: collapse;
}

#content-main table tbody tr a {
	color: #036d92;
}

table.cases {
	word-break: break-all;
}

td .status-yes {
	color: green;
	font-weight: 700
}
td .status-no {
	color: red;
	font-weight: 700
}

table.cases tbody th { 
	white-space: initial; 
	text-align: left; 
}

/* table.docs */
table.docs {
	word-break: break-word;
}
table.docs td { white-space: initial !important }
table.docs .hilited { color: #f00; font-weight: bold; }

/** Search **/
#search-div h2 {
	margin: 0 0 20px 0;
	padding: 9px 20px;
	background: #ddd;
	font-size: 18px
}

#search-div  .toggler {
	display: none
}

.toggler:hover {
	cursor: pointer
}

#search-div .type label {
	font-weight: 300;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px
}

.query {
	position: relative;
}

.warningShort {
	background: #c00;
	padding: 10px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px 0;
	display: inline-block;
	width: 100%;
}

.query h3 {
	margin: 0 0 20px 0;
	padding: 9px 20px;
	background: #eee;
	font-size: 16px
}

.searchInfo {
	background: #ffe3e3;
	padding: 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px
}

.query i {
	color: #c81f20;
	font-size: 14px
}

.query h3 label {
	margin: 0
}

.query input {
	float: left;
}

.query input.text {
	width: 80%;
	max-width: calc(100% - 200px);
	height: 35px;
	padding: 0 10px;
	border: 1px solid #000;
}

.query input.submit {
	width: 180px;
	margin-left: 2%;
	padding-left: 15px;
	background: url("../images/lupka_d.png") no-repeat scroll 100% 50% #007f0c;
    border: medium none;
    height: 35px;
	text-align: left;
	color: #fff
}

.query input.submit:hover {
	opacity: 0.6
}

.timestamp h3, .criterions h3 {
	margin: 30px 0 20px 0
}

.timestamp p, .timestamp label, .timestamp input {
	font-size: 14px;
}

.timestamp .btnClearDatapicker {
	margin-bottom: 2px;
	background-color: #007f0c;
	color: white;
	border: medium none;
	margin-left: 2%;
	height: 35px;
	text-align: left;
}

.timestamp label {
	padding-top: 5px;
	margin-bottom: 2px;
	height: 30px;
}

#form_sort .num input,
#searchForm select,
.timestamp input {
	border: 1px solid #000;
}

.criterions p, .criterions label, .criterions input, .criterions-extra label {
	font-size: 14px;
}

.criterions label {
	margin: 0 20px 10px 0;
	width: 200px
}

.criterions {
	margin-bottom: 30px
}

.criterions-extra p {
	display: inline-block;
	width: 100%;
}

.criterions-extra label, .criterions-extra select {
	width: 50%;
	float: left
}

p.form-submit input.submit, p.submit input.submit {
	background: #007f0c;
    border: medium none;
    height: 35px;
	padding: 5px 10px;
	color: #fff;
	min-width: 150px
}

p.form-submit {
	text-align: right;
	display: inline-block;
	width: 100%
}

p.form-submit input.submit:hover, p.submit input.submit:hover {
	opacity: 0.6
}


#search-results h3 {
	background: none repeat scroll 0 0 #ddd;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 9px 20px;
}

#search-results > p {
	font-weight: 700
}

#search-results li {
	margin: 10px 0;
	padding: 10px
}

#search-results li:nth-child(odd) {
	background: #fff;
}

#search-results li:nth-child(even) {
	background: #f1f1f1;
}

.results-documents dl dt a {
	font-size: 22px;
	margin: 0 0 15px 0;
	display: inline-block;
}

.results-documents dl dd.path {
	border-top: 1px solid #ddd;
	margin-top: 5px
}

.results-documents dl dd a, .results-documents dl dd span {
	font-size: 14px
}

/* Rejestr zmian */
#z_str .changes-group {
	border-bottom: 1px solid #ddd;
}

/* Mapa strony */
.siteMap ul.treelist {
	list-style: none;
	margin: 0;
	padding: 0
}

.siteMap ul.treelist li {
	margin: 0 0 5px 0
}

.siteMap ul.treelist li a{ 
	border-bottom: 1px dotted #ddd;
}

/** Footer **/
#footer {
	border-top: 1px solid #ddd;
	padding-top: 30px;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	box-shadow: 0 5px 10px -9px rgba(0, 0, 0, 0.5);
}

#footer .stats p {
	font-size: 13px;
	margin: 10px 0 0
}

#footer .footer-nav li {
	display: inline-block;
	padding-right: 20px;
	position: relative;
}

#footer .footer-nav li a {
	font-size: 13px
}

#footer .footer-nav li.zaloguj a {
	margin-left: 5px;
	vertical-align: top
}

#footer .partners p {
	font-size: 14px;
	margin: 0
}

#footer .partners p:last-child {
	font-size: 12px
}

#footer .partners i {
	margin-top: 5px;
	font-size: 10px;
	display: inline-block;
	font-style: inherit;
}

#footer .partners li {
	display: inline-block;
}

#footer .footerL2 , #footer .footerL1 {
	display: inline-block;
	width: 100%;
	text-align: center;
}

#footer #partners {
	font-size: 13px
}

#footer .stats {
	text-align: right
}

/* Tabela uĹźytkownika */
#content-main .doc-body table tbody {
	background: #fff;
}

#content-main .doc-body table tbody tr {
	box-shadow: none
}

/* Klawisz drukowania dok */

body.print {
	background: #fff
}

.printBox {
	position: absolute;
	background: #fff;
	width: 80px;
	height: 80px;
	top: 10px;
	right: 10px;
	text-align: center;
}

.print #content-main > div {
	display: block;
	width: 100%;
	overflow: auto;
	float: none;
}

.printBox a {
	font-size: 14px;
	display: inline-block;
}

.printBox a:hover {
	opacity: 0.5
}

.printBox img {
	margin-bottom: 10px
}

.print #content-main table tbody tr td {
	margin-left: 0;
	margin-right: 0
}

.print #content-main h2.doc-title {
	display: block;
}

/* Zabezpieczenie przed starymi stylami z MS Offica */

.MsoNormal, .MsoNormal span, .MsoNormal font {
	font-family: "Open Sans", Arial, sans-serif;
	color: inherit !important;
	line-height: inherit !important
}

/* Metryka dok */

.metaDane.doc-info .hd {
	background: #036d92;
	color: #fff;
	border-color: #024e67
}

.metaDane.doc-info .bd {
	border: 1px solid #024e67
}

.metaDane.doc-info .hd h3 {
	color: #fff;
}

/* Wirtualny doradca */
#buttonWd {
	background-image: url('../img/button_close.png');
    height: 188px;
    left: -5px;
    position: fixed;
    top: 10px;
    width: 43px;
    z-index: 1000;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px -8px #888;
}

#buttonWd:hover {
	left: 0;
	cursor: pointer;
	box-shadow: 0 0 10px -5px #888;
}

#wdContentOnSite {
	background-color: rgb(255, 255, 255);
    border: 1px solid rgb(184, 184, 183);
    border-radius: 0 0 5px;
    display: none;
    height: 290px;
    left: 50px;
    padding: 7px;
    position: fixed;
    top: 10px;
    width: 310px;
	z-index: 1000;
}

#form_login .input-group {
	margin-bottom: 20px
}

.petent_login_form h3 {
	margin: 20px 0
}

#form_login  .form-control {
	border-radius: 0;
}

#zoom_in, #zoom_out, #zoom_reset{cursor:pointer;font-weight:bold}
.disabled{color:#939393}

.radioswitch label{font-weight:normal}
.radioswitch label.checked{font-weight:bold}

/* Stats Cat*/
.catStat {
	display: table;
	width: 100%;
	margin-bottom: 25%;
}

.catStat .statDesc {
	background: #eee none repeat scroll 0 0;
    display: table-cell;
    font-size: 13px;
    padding: 5px 10px;
}

.catStat .statNr {
	background: #000 none repeat scroll 0 0;
    color: #fff;
    display: table-cell;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}

/* Stats Doc*/
.docStat {
	display: table;
	width: 100%;
	margin-bottom: 25%;
}

.docStat .statDesc {
	background: #eee none repeat scroll 0 0;
    display: table-cell;
    font-size: 13px;
    padding: 5px 10px;
    width: 100%;
}

.docStat .statNr {
	background: #000 none repeat scroll 0 0;
    color: #fff;
    display: table-cell;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}

#cookiesEU-box {
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
	padding-top: 10px
}

#cookiesEU-box p {
	color: #101010 !important
}

.cookiesEU-text {
	padding: 5px;
}

.cookiesEU-text a {
	background-color: #cc0000;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 3px;
	z-index: 1000;
	position: relative;
}

.cookiesEU-text a:hover {
	background-color: #a60000;
}

a.cookiesEU-close {
	font-weight: 700;
	margin: 5px;
	background-color: #000 !important;
	color: #fff !important;
}

.marginLeft5 {
    padding-left: 5px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

b, strong {
	font-weight: bold;
}

#content-main table {
    caption-side: unset;
}

#content-main table[border="1"] tr td {
    border-width: 1px;
}

/* RWD */

@media only screen and (max-width: 1825px) {

	.reader-nav a {
		max-width: 180px;
	}
}
@media (min-width: 768px) and (max-width: 1199px), (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#header .headerL1 {
		height: auto !important;
		min-height: initial
	}

	.headerL1 .col-sm-2.rightCol {
		width: 100%
	}

	.headerL1 .col-sm-2.leftCol {
		width: 25%
	}

	.headerL1 .col-sm-8 {
		width: 75%
	}

	.headerL1 .col-sm-2.rightCol img {
		margin: 10px 20px;
	}

	.headerL1 .col-sm-2.rightCol #topnav {
		margin-left: 20px
	}

	.headerL1 .col-sm-2.rightCol .rejestrSpraw {
		display: inline-block;
		width: auto;
		float: right;
		margin-top: 30px
	}
	
	#topnav li {
		margin-right: 20px;
	}
}

@media (min-width: 768px), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.searchBox.col-sm-6 {
		padding-right: 0
	}
	
	.container.overHeader {
		padding-right: 0
	}
	
	.searchBox a.advSearchBtn {
		right: 15px
	}

	#logoPodmiotu {
		min-height: 115px;
		width: 100%;
		display: table;
	}

	#logoPodmiotu img {
		max-width: 100%
	}

	#logoPodmiotu a {
		display: table-cell;
		min-height: 115px;
		width: 100%;
		vertical-align: middle
	}

	#logoPodmiotu img {
		max-height: 150px;
		width: auto;
	}

	#header .col-sm-2.leftCol {
		padding-right: 0;
	}

	#header .col-sm-2.rightCol {
		padding-left: 0;
	}

	#header .headerL1 {
		min-height: 115px;
		overflow: hidden;
		padding: 10px 0
	}

	#header .headerL1 {
		position: relative;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	#header .headerL1:before, #header .headerL1:after
	{
	content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
	}
	#header .headerL1:after
	{
		right:10px;
		left:auto;
		transform:skew(8deg) rotate(3deg);
	}

	#main #colLeft {
		padding-right: 0
	}

	#main #colRight {
		padding-left: 0
	}

	#footer .col-sm-8 {
		padding-left: 0;
		padding-right: 0
	}

	#footer #eu {
		display: inline-block;
		margin: 30px 0 0;
		width: 468px;
		text-align: center
	}

	#footer #eu span {
		display: table-cell;
		font-size: 12px;
		vertical-align: top
	}

	#footer .partners {
		padding-left: 0;
	}
}

@media (max-width: 992px), (max-width: 992px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.searchBox a.advSearchBtn {
		right: 15px
	}
}

@media (max-width: 991px), (max-width: 991px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.cookiesEU-text {
		padding: 5px !important
	}
	
	#menuLeftCol.rozwiniete h2, #menuRightCol.rozwiniete h2 {
		background-image: url(images/closeMenu.png);
	}
	
	#colRight, #colLeft {
		position: inherit
	}
	
	#menuLeftCol h2 {
		box-shadow: -4px 0 10px -7px rgb(0, 0, 0) inset;
	}
	
	.menugroup {
		margin: 0
	}
	
	#content-main {
		padding-top: 20px
	}
	
	#menuLeftCol, #menuRightCol {
		position: absolute;
		padding: 0 !important;
		top: 0;
		background: #fff;
		display: inline-block;
		width: 300px !important;
		height: auto;
		z-index: 1000;
	}
	
	#menuLeftCol {
		left: 0;
	}
	
	#menuRightCol {
		right: 0;
		z-index: 1001;
	}
	
	#menuLeftCol.rozwiniete, #menuRightCol.rozwiniete {
		box-shadow: 0 0 10px -5px #000;
	}
	
	.catStat {
		margin: 0;
		padding: 10px;
		display: none;
	}
	
	#menuLeftCol.rozwiniete .catStat, #menuRightCol.rozwiniete .catStat {
		display: table;
	}
	
	.breadcrumbsBox {
		padding: 10px
	}
	
	.rejestrSpraw {
		padding: 0 5px 0 36px;
		float: right;
	}

	#main #content > div {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}

	#footer .col-sm-8 {
		width: 100%;
		text-align: center
	}

	#usabilityBox {
		margin: 10px;
		display: block;
		text-align: center
	}

	.overHeader {
		padding-bottom: 10px
	}

	#header #logoPodmiotu {
		width: 100%;
		min-height: 0 !important;
		height: auto !important;
		text-align: center;
		margin: 10px 0 25px 0
	}

	#header #logoPodmiotu a {
		display: inline-block;
		min-height: 0;
		height: auto !important
	}

	#header .headerL1 {
		height: auto !important;
		padding: 10px 0;
		min-height: 0
	}
	
	#header #topnav {
		margin: 28px 0 0 28px;
	}

	.headerL1 .col-sm-8 {
		margin-bottom: 10px
	}

	.headerL1 .col-sm-2.rightCol img {
		float: left;
		margin-right: 15px
	}

	.headerL1 .col-sm-2.rightCol #topnav {
		display: block;
		margin: 0;
	}

	.headerL2 .breadcrumbsBox {
		margin-top: 15px
	}

	.doc-body p {
		font-size: 14px
	}
	
	#footer .logoStat {
	text-align: center;
	}

	#footer .logoStat img {
		float: none;
		margin-right: 15px
	}

	#footer .logoStat {
		display: inline-block;
		width: 100%;
		margin-bottom: 20px
	}

	#footer .footer-nav {
		text-align: center;
		padding: 0
	}

	.footerL2 {
		margin: 20px 0
	}

	.footerL2 span {
		font-size: 10px;
		line-height: 1
	}

	#footer .partners p {
		margin: 0 0 10px 0
	}

	#footer .partners p, #footer .partners ul {
		text-align: center;
	}

	.searchBox a.advSearchBtn {
		text-align: center;
		right: 15px
	}

	#menuLeftCol .menugroup ul, 
	#menuRightCol .menugroup ul,
	#menuRightCol .catStat {
		display: none
	}
	
	#menuLeftCol .menugroup ul, 
	#menuRightCol .menugroup ul {
		max-height: 70vh;
		overflow: auto
	}

	#menuLeftCol, #menuRightCol {
		cursor: pointer
	}

	#menuLeftCol h2, #menuRightCol h2 {
		background-image: url(images/hamburger.png);
		background-repeat: no-repeat;
		background-position: 5px 50%;
		background-size: 21px 20px;
		padding-left: 40px;
		margin-bottom: 0
	}
	
	#menuRightCol h2 {
		background-position: 95% 50%;
		padding-right: 55px;
		padding-left: 10px;
		text-align: right
	}

	.essence img.photo {
		width: 50%
	}
	
	#colLeft ul,  #colLeft ol, #colRight ul,  #colRight ol {
		margin: 15px
	}
	
	.menugroup ul li {
		margin-left: 5px !important;
	}
}

@media (max-width: 767px), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#menuRightCol {
		right: 0;
		top: 38px;
		width: 100% !important;
	}
	
	#menuLeftCol {
		text-align: right;
		right: 0;
		left: initial;
		width: 100%  !important;
	}
	
	#menuLeftCol h2 {
		background-position: 95% 50%;
		padding-right: 55px;
		padding-left: 10px
	}
	
	#main #content > div {
		padding-top: 44px;
	}

	#content-main {
		overflow-x: auto;
	}
	
	#content-main table thead tr th {
		min-width: initial !important;
	}
	
	#menuLeftCol .menugroup ul {
		padding-top: 40px
	}
			
	#content-main #tp_cont > table {
		margin-top: 28px;
	}
	
	.rejestrSpraw {
		padding: 5px 0 0 20px;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-left: 19px;
	}
	
	.headerL1 .col-sm-8 {
		margin-bottom: 20px;
	}
	
	#header #topnav {
		margin: 11px 0 0 28px;
	}
}

@media (max-width: 680px), (max-width: 680px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#header #topnav {
		margin: 0 0 0 28px;
	}
	
	#menuLeftCol h2, 
	#menuRightCol h2 {
		min-height: 35px;
	}
	
	#menuRightCol {
		top: 35px;
	}
}

@media (max-width: 520px), (max-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#header #topnav {
		margin: 5px 0 0 20px;
		float: left;
		width: 160px;
	}
}

@media (max-width: 480px), (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

@media (max-width: 375px), (max-width: 375px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.menugroup h2, .menu_informacyjne h2 {
		font-size: 14px;
		padding: 10px 0 10px 5px
	}
}

@media (max-width: 360px), (max-width: 360px) and (-webkit-min-device-pixel-ratio: 1.5) {

}

@media (max-width: 320px), (max-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5) {
	#header #topnav {
		margin: 0;
		float: left;
		width: 120px;
	}
	
	.headerL1 .col-sm-2.rightCol img {
		margin: 20px 20px 0 0
	}
	
	.rejestrSpraw {
		margin-left: 0
	}
	
	.doc-body-main {
		margin-top: 20px;
	}
}